移动设备上的溢出问题

时间:2016-10-23 15:21:05

标签: html css mobile overflow

有一个问题让我发疯。 我正在修改一个网站,在最糟糕的情况下,所有网页似乎都是100%的页面。 修改浏览器窗口大小的情况是一样的。 仅在移动设备上,页面比某些像素的屏幕宽。我可以触摸并移动页面。 我已经尝试了Stack Overflow上的所有建议: 我没有找到溢出的div,我的html宽度为100%,设备中没有min-width div。 我的网站是test.fypper.com 可能是什么问题?

2 个答案:

答案 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的填充。