iPhone 5响应固定导航条故障?

时间:2014-12-11 14:33:44

标签: ios css twitter-bootstrap nav iphone-5

我正在尝试完成我的第一个网站,并认为它已经完成了但是在iPhone 5(S和C)上查看一些页面布局时遇到了问题。在我的4上它很好,在iPad上我测试了它。在Android上也很好。

问题是固定导航栏(bootstrap)在厨房页面(它是一个摄影网站)上弹跳,它有一个水平滚动div但在标准页面布局上没问题。我已经禁用了它正在运行的鼠标滚轮插件,以检查它是否是那样,它对iPhone 5问题没有影响。普通布局页面很好。

网址为:http://www.pjrundle.co.uk

任何摄影页面都会出现问题。

很抱歉,如果这是一个非常明显的新手问题。这是包含侧滚动库的div的css。我尝试删除绝对定位并没有效果。

.scroll {
white-space: nowrap;
background-color: white;
padding-top: 73px;
position: absolute;
left: 0px;
}

任何建议都非常感谢。

感谢。

1 个答案:

答案 0 :(得分:0)

感谢mijopabe,我最后通过添加:

来修复它
.scroll {
 white-space: nowrap;
 background-color: white;
 padding-top: 73px;
 position: absolute;
 left: 0px;
 width: 100%;
 overflow: auto;
 }

不确定为什么没有这个在其他浏览器上工作,说实话,但无论如何都要修复。

干杯。