http://foundation.zurb.com/docs/components/topbar.html 示例页面适用于“小”分辨率范围内的各种浏览器，除了一个：Android 的常用（默认）浏览器。
在使用 Chrome、Firefox、Safari（甚至 IE）时，您可以深入了解我们所有的 5 个级别。
Android 浏览器与前两级下拉菜单配合良好，但根本不显示第三级！
起初我以为这是我的菜单，但官方文档/演示页面也中断了！
我认为这是一个错误，但在错误跟踪器中找不到。
NB:: 在每个版本（2 到 4.3）和设备中都有相同的行为。
【问题讨论】：
标签： html zurb-foundation
对我来说，这可以解决现有 Android 浏览器的问题
@media screen and (-webkit-min-device-pixel-ratio:0) {
.top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown { clip:initial;}
.top-bar.expanded .top-bar-section .dropdown {clip:initial;}
}
未在 iOS 设备上测试过，也许有人可以在 iOS 浏览器上测试。
【讨论】：
我能够让我的示例顶栏 http://cdpn.io/cBjun 在运行 Android 4.3 的手机上工作五个级别。创建示例后，我建议您仔细检查以下内容：
<meta name="viewport" content="width=device-width, initial-scale=1.0" />ul、li 和 a 嵌套；您可以使用W3C Markup Validation Service 进行检查。请记住，一旦打开 ul 和 li，在完成菜单项之前不要再次关闭它们。如果你看我的例子，最后 13 行左右只是结束标签。<li class="has-dropdown"> 和 <ul class="dropdown"> 嵌套在 li 中的 a 之后以创建下拉菜单。如果您有任何问题，请告诉我，该网站的链接或您的顶部条形码将帮助社区，帮助您诊断问题。
希望对你有帮助。
编辑 03/27/2014
我在手机上检查了我的 codepen 并拍摄了以下屏幕截图：
另请注意，我的示例是在 5.2.1 版本中创建的。
【讨论】：