小型设备上的Bootstrap 2固定菜单问题

Question

我已经建立了一个基于Bootstrap 2.3.2框架的模板。 在小视图端口上，我已将菜单固定。

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

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

这是测试URL： 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 。 如果打开，它将始终覆盖屏幕的其余部分。