移动Web浏览器中的CSS菜单显示问题

CSS Menu display issues in Mobile Web Browser

本文关键字：菜单 显示 问题 CSS Web 浏览器 移动      更新时间：2023-09-26

我的网站是：http://chanbaneng.com/demo/

当我使用类似三星智能手机默认浏览器的移动浏览器浏览时，我无法查看"合作伙伴"下的下拉菜单。如果我使用Chrome手机，它会正常工作。

最大的问题是，对于一些移动浏览器，如三星Galaxy S5和Note 3中的默认浏览器，包括iPad和iPhone，整个菜单都不见了，左下角有一个下拉菜单。单击时，整个菜单内容都不合适。

我能做些什么来解决这个问题吗？

我正在考虑检测移动浏览器并显示消息，并要求他们使用Chrome，但当移动浏览器已经是Chrome时，我不知道如何"不显示"消息。

请尝试以下代码。

/*style.cs line no.246*/
#cssmenu ul.open li, #cssmenu > ul.open > li { 
    clear: both; /*new edit*/
    display: block; 
}
相关文章：