我已经构建了一个基于 Bootstrap 2.3.2 框架的模板。在小视口(viewport)上,我已经修复了菜单。
问题是当在 iPhone5 横向模式或 Crappy Android 纵向或 Crappy Android 横向模式下查看菜单时,只能看到很少的菜单。
用户不能向下滚动到其他菜单,也不能向下滚动查看页面内容,除非他们关闭菜单。
这是测试网址:http://www.godtry.ivanbayross.com/
如果查看http://www.responsinator.com/中的测试URL查看 iPhone 5 横向模式时,您会发现问题。
最佳答案
这是你的问题:
@media (max-width: 767px)
#headerWrapPhone {
position: fixed;
width: 100%;
z-index: 1;
background: #0E2371;
}
基本上您需要做的就是删除该类上的 position:fixed
。如果它打开,它会一直覆盖屏幕的其余部分。
关于jquery - Bootstrap 2 修复了小型设备上的菜单问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24338505/