我正在开展一个项目，我遇到了一个大问题。我正在使用bootstrap，我需要页面为全宽。我正在使用容器流体。一切都在桌面上正常工作，但在移动设备上，页面并排移动，就像容器比显示器大一样。没有滚动条，但你可以用手指移动它，它只会移动一点点，但它很烦人。我甚至不知道在哪里检查。它是一个建立在Sparkpay CMS上的网站，它使用bootstrap 3.我甚至不确定如何引用问题，我一直在寻找解决方案，但我找不到很多类似于我的情况的帖子。
链接是： https://store55652.mysparkpay.com/
我知道我应该发布代码，但我真的很茫然。我已经浏览了所有的CSS（有几个文件）我无法弄明白。非常感谢任何帮助。
答案 0 :(得分：4)
这对我有用
html, body {width: auto!important; overflow-x: hidden!important}
答案 1 :(得分：1)
即使在桌面上，您也可以向左/向右滚动。
修复的简单方法是添加：
html {
overflow-x: hidden;
}
但实际上你应该修复溢出元素。例如，你为容器流体设置左/右0填充，那么你应该将左/右边距设置为0（现在是-15px）。否则它会从容器中出来。
答案 2 :(得分：0)
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
只需将此代码复制为正文和文本即可。我会帮你
答案 3 :(得分：0)
保持容器的位置（例如 div、nav 等）静态。 我有同样的问题。更改问题仍然存在的容器位置解决了我的问题。
答案 4 :(得分：0)
这都是关于margin的，通过chrome devtool找出哪个主要元素有margin并使其margin:0； 或者试试这个身体{ 边距：0;}
答案 5 :(得分：0)
我刚刚遇到了同样的问题，我想再次强调@larrylampco 所说的：
必须有一些元素与您的实际页面大小重叠，从而将页面大小扩展到您可以滚动的位置。
对我来说，这是我为桌面屏幕添加的工具提示。手机忘记删除了。在移动设备上加载页面时，工具提示不可见，但它在那里。这就是页面扩展的原因。