从移动设备浏览时右侧的空白答案

【问题标题】：white space on the right side when browsing from mobile device从移动设备浏览时右侧的空白
【发布时间】：2015-02-02 01:09:36
【问题描述】：

每当我通过移动设备打开我的website 时，我都会注意到其右侧有一个白色区域（可以通过水平滚动看到）。我一直在试图找出是什么原因导致它数小时无济于事。

我尝试在 css 中设置我的 body 标签，如下所示，但空白始终存在，

body {
 margin:0;
 padding:0;
}

如何去除这个白色区域？

谢谢

【问题讨论】：

我也遇到过类似的情况。对我来说，它原来是一个溢出其容器的元素。我通过解构我的 HTML 找到了它——首先尝试一个只有页眉的页面，然后是页眉和正文，然后是页眉、正文和页脚。留意那些设置了 padding 或 margin 宽度的元素。

标签： html css

【解决方案1】：

你的标题有最小宽度规则。

#header{min-width:688px}

尝试删除它，或将其设为0；

【讨论】：

@bodgan 这已修复，非常感谢您是大师，如果您知道是什么原因，我还有另一个问题，当我第一次加载页面时，流畅的菜单标题显示黑色背景firefox 并一直停留到我移动鼠标（这只发生在 firefox 中）你知道是什么原因造成的吗？
@LucyKee 当页面加载时，您在body 上有.scrolled 类。这是导致这种行为的原因。