我有这两个网站，我刚刚意识到这两个网站都有这个问题，而且它位于导航栏中。在移动设备尺寸上，他们在右侧获得了这些恼人的可滚动白色边框....改变填充和任何边缘都没有任何帮助。但改变立场：固定;相对修复它但显然使导航栏不坚持。因此，由于某种原因，文档的z轴层的总宽度比正常的y轴和正常的y轴和x轴的得分要大.....？
网站1：http://myleisure.com.au 网站2：http://danceforovariancancer.com.au
答案 0 :(得分：1)
我不确定你的导航栏是什么问题。我无法在手机上重现它，但我确实在OSX Chrome上以320px宽度进行了测试。
我进入了开发工具并删除了元素或手动添加overflow: hidden;以找出它产生了影响的位置。从我所看到的，各种小问题都隐藏在导致溢出的网站中（因此，滚动条）。
在第一个网站上，这个特殊的规则似乎是真正的罪魁祸首......
在＆＃34; css.css＆＃34;：
.col-centered {
...
margin-right: -4px;
}
在第二个网站上，您嵌套了.row个。 .container有15px的填充以抵消子.row的-15px边距。但是.row没有相同的填充，因此它们不能嵌套。
您的嵌套问题出现在＆＃34; BONUS EVENT＆＃34;在...内航行 使徒行传。
此外，将img-responsive课程添加到Jane Hill的图像中
“关于”部分中的签名。
最后，在320px宽度，页脚中提供的电子邮件太长 适合。我建议您更改段落措辞并将其换成mailto链接，如：
<a href="mailto:emma.robinson@ovariancancer.net.au">Emma Robinson</a>
答案 1 :(得分：0)
试试这个：
html, body {width:100%; overflow-x:hidden;}