Bootstrap 2 修复了小型设备上的菜单问题

Question

我已经构建了一个基于 Bootstrap 2.3.2 框架的模板。在小视口上，我已经修复了菜单。

问题是在 iPhone5 横向模式或糟糕的 Android 纵向或糟糕的 Android 横向模式下查看菜单时，只能看到很少的菜单。

用户不能向下滚动到其他菜单，也不能向下滚动查看页面内容，除非他们关闭菜单。

这里是测试网址：http://www.godtry.ivanbayross.com/

如果您查看http://www.responsinator.com/ 中的测试 URL，您会在查看 iPhone 5 横向模式时看到问题。

Answer 1

这是你的问题：

@media (max-width: 767px)
#headerWrapPhone {
position: fixed;
width: 100%;
z-index: 1;
background: #0E2371;
}

基本上，您需要做的就是删除该类上的position:fixed。如果它打开，它会一直覆盖屏幕的其余部分。