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

Question

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

当我使用三星智能手机的默认浏览器等移动浏览器进行浏览时，我无法查看“合作伙伴”下的下拉菜单。如果我使用的是 Chrome 移动版，它可以正常工作。

最大的问题是，对于一些移动浏览器，比如三星 Galaxy S5 和 Note 3 中的默认浏览器，包括 iPad 和 iPhone，整个菜单都消失了，并且在右上角有一个下拉菜单。点击时，整个菜单内容格格不入。

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

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

Answer 1

请尝试以下代码。

/*style.cs line no.246*/

#cssmenu ul.open li, #cssmenu > ul.open > li { 
    clear: both; /*new edit*/
    display: block; 
}