我正在做一个项目，遇到了一个大问题。我用的是 Bootstrap ，我需要页面是全宽的。我用的是container-fluid。在桌面上一切都很好，但在移动的上，页面会左右移动，就好像容器比显示器大一样。没有滚动条，但你可以用手指移动它。它只移动了一点点，但它是恼人的。我甚至不知道在哪里检查了。这是一个网站上建立的Sparkpay CMS和它使用bootstrap 3。我甚至不知道如何参考这个问题，我一直在网上寻找解决方案，但我没有找到很多职位类似于我的情况。
链接为：https://store55652.mysparkpay.com/
我知道我应该张贴代码，但我真的在这里不知所措。我已经搜索了我所有的CSS（有几个文件），我不能弄清楚。任何帮助在这里将不胜感激。
7条答案
按热度按时间bihw5rsg1#
这对我有用
agyaoht72#
似乎即使在桌面上，你也可以向左/向右滚动。
修复的简单方法是添加：
但实际上你应该修正溢出元素。例如，你把container-fluid的左/右边距设置为0，那么你应该把row的左/右边距也设置为0（现在是-15px）。否则它会溢出容器。
xtfmy6hx3#
只是复制这个代码在正文和文本。我会帮助你
xlpyo6sf4#
保持容器的位置（例如div、nav等）不变。我也遇到过同样的问题。改变容器的位置就解决了我的问题。
r6vfmomb5#
这都是关于边距的，用chrome devtool找出哪个主元素有边距，并使其边距为0;或者试试这个身体{ margin：0;}
6tr1vspr6#
我刚刚遇到了同样的问题，我想再次强调@larrylampco所说的：
必须有一些元素重叠在您的实际页面大小，这扩展了页面大小到这一点，你可以滚动。
对我来说，这是我为桌面屏幕添加的一个工具提示。忘了为移动的删除它。在移动设备上加载页面时，工具提示是不可见的，但它在那里。这就是页面扩展的原因。
bgtovc5b7#
为了找出原因，我把桌面浏览器放到开发者视图，选择移动的视图，然后选择iPhone，然后“滑动”，这样我的内容就偏离了中心。然后我可以把检查器箭头工具悬停在看起来空荡荡的边缘上，直到我找到罪魁祸首。
在我的情况下，这是一个问题，移动的菜单不能完全折叠在狭窄的屏幕上。