javascript - 移动网络浏览器中的 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; 
}