移动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; 
}