使用Bootstrap在移动设备上使用HTML Body的意外保证金

时间:2014-04-22 22:58:46

标签: twitter-bootstrap mobile

我正在构建一个Bootstrap网站,并希望社区可以帮助我识别代码修复,以消除在移动设备上查看网站时发生的不必要的边距/填充。

我应该只能向下滚动身体,但我也可以向右滚动,只看到空白空间。

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

2 个答案:

答案 0 :(得分:0)

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

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

更多详情可在mozilla.org

找到

答案 1 :(得分:0)

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

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

css代码:

html,body{
overflow-x: hidden;
}