使用 Bootstrap 在移动设备上的 HTML 正文上出现意外的边距

Question

我正在构建一个 Bootstrap 网站，并希望社区可以帮助我确定代码修复程序，以消除在移动设备上查看网站时出现的不需要的边距/填充。

我应该只能在 body 上向下滚动，但我也可以向右滚动，只看到白色的空白区域。

我在 Stack 上搜索了不同的 Q 和 A，但找不到解决方案。

Answer 1

没有得到你想要的东西，但这可能会有所帮助。您可以使用如下所示的 Viewport 元标记

<meta name="viewport" content="width=device-width, user-scalable=no">

更多详情请关注mozilla.org

Answer 2

Torben 对这个Bootstrap - Some kind of margin on mobile devices (only right side) 问题的回答可能会对您有所帮助。

你需要做的是将HTML和BODY的overflow-x设置为隐藏。

css代码：

html,body{
overflow-x: hidden;
}