移动视图右侧不需要的空白区域
MMR*_*MMR -1 html css responsive-design twitter-bootstrap
在我的网站上，我在移动视图的右侧看到一个空白区域，在桌面上可以看到它的空白。
谁能帮我猜猜是什么引起的。谢谢
小智 42
首先按照上面的答案确保任何元素的宽度不应超过 100% 然后也试试这个：也尝试在 html 中
制作overflow-x: hidden;
html,body{
overflow-x: hidden;
}
它对我有用
- 虽然没有“html”，似乎可以在电脑上检查手机尺寸，但问题仍然出现在手机本身上，通过添加这个额外的“html”，它也将其修复在设备上。 (2认同)
Ven*_*Ven 11
对于简单而不复杂的代码，只需在 css 文件中使用此代码
body{
overflow-x: hidden;
}
- 最好也将它用于 html，就像 Vinay Yadav 建议 `html,body{overflow-x:hidden; }` (3认同)
小智 5
我认为您页面上可能有一个元素的宽度和填充或边距超过100％。当“检查”页面并将鼠标悬停在空白处时，您可能会在其中选择一个超出所需页面的元素。
尝试使用inspect元素查找并通过使用媒体查询在CSS中进行更改
- 有一个元素的宽度> 100%，导致了这个问题。感谢大家。 (2认同)