有一个问题让我发疯。 我正在修改一个网站,在最糟糕的情况下,所有网页似乎都是100%的页面。 修改浏览器窗口大小的情况是一样的。 仅在移动设备上,页面比某些像素的屏幕宽。我可以触摸并移动页面。 我已经尝试了Stack Overflow上的所有建议: 我没有找到溢出的div,我的html宽度为100%,设备中没有min-width div。 我的网站是test.fypper.com 可能是什么问题?
答案 0 :(得分:0)
我尝试将类.container
添加到div #home
,但它的行为非常奇怪。我不确定你是否正确遵循引导指南,所以你应该调查一下。
无论如何,如果您想要快速解决问题,请将.container-fluid
添加到div #home
,并可能从div padding: 10px;
中移除#content
。
我没有看过其他网页,您可能会有#another-page
和#even-another-page
等div而不是#home
。您可以逐个添加container-fluid
,但为了节省您的打字时间,请在模板中使用更通用的包装器。例如main
标记为.container-fluid
类。
答案 1 :(得分:0)
如果我用padding-top代替“padding:20px 0”,那就没有问题:20px; padding-bottom:20px;“ 现在左右填充是15px。容器100%宽。 我的问题解决了,但我不明白为什么容器在某些移动浏览器上需要左右填充15px的填充。