Html 手机上的标题背景仅覆盖80%的宽度

在我正在设计的一个网站上，我有一个页眉，它可以延伸100%的页面宽度，在所有浏览器中，它看起来都很完美，但是当我检查移动浏览器时，它只会延伸大约80%的屏幕，而其余的内容则是全宽的

#header-bg{
height: 150px;
background-color: #33363b;
border-top: 11px solid #25272a;
width: 100%;
}

这个网站是，这是一张来自iPhone的图片，同样的事情也发生在android上。您可以在图像中看到，在页眉和页脚的深蓝色背景下，不要走全宽

---

这是因为你把宽度：100%；它们与窗口大小相关。您的站点不是响应性设计的，而是为了快速解决您的问题

body{
     min-width:1180px;}

---

按照其他人的建议设置最小宽度并不是最好的选择，因为不同的设备具有不同的屏幕宽度，并且它也会根据屏幕旋转而变化

但是，添加

display:inline块页眉bg

和

页脚中的code>将修复它

编辑：

哦，是的，
宽度：在
页脚和
页脚内部都是100%
，这与图像无关，与身体有关。我不久前遇到过这个问题，可惜我想不起来是什么问题。尝试使用firebug查看其中一个元素是否比它应该的大dd
body{min width:1190px；}
。