该http://foundation.zurb.com/docs/components/topbar.html示例页面适用于每一种浏览器,在“小”的决议范围内,除了一:Android的股票(默认)浏览器。
在使用Chrome,Firefox,Safari(甚至是IE)时,您可以深入了解我们的5个级别。
Android浏览器可与下拉菜单的前两个级别配合使用,但根本不显示第三级!
起初我以为是我的菜单,但是官方的docs / demo页面也坏了!
我认为这是一个错误,但无法在错误跟踪器中找到它。
NB ::在每个版本(2到4.3)和设备中,行为相同。
对我来说,这可以解决库存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浏览器上对其进行测试。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句