小屏幕的背景大小

Question

在这个WordPress站点http://www.grappler.tk/dyebeta/当我调整浏览器的大小小于500px时，底部会出现一个滚动条，右手边的空间会变大。

Answer 1

header-logo是600px宽。这会导致滚动条，即使＃header-logo中的子节点具有％宽度或没有设置宽度，所以它们似乎不会溢出，但它们确实会溢出。

您可以让＃header-logo没有宽度，并使用@media查询在更大的屏幕上添加min-width：600px（如果您需要宽度，因为它是浮点或其他），或者您可以保留宽度：600像素，并将其他人设置为600像素的最小宽度（尽管如此，这会破坏您的响应速度）。

当您将浏览器调整为小于500像素或更大时，主框保持宽度：90％已设置... 90％的正文。奇怪的是，你的身体元素正在按照我的预期行事（它只比你的包裹宽一点），但背景颜色仍在继续（通常也会被切断）。也许它被绘制到html元素上，无论如何，它总是填充视口。

我爱体：内容后，这是一个整洁的调试工具

Answer 2

从style.css的线68（＃报头的标志）

宽度600px的从下面的CSS移除删除的宽度600像素。

#header-logo { 
    float: left; 
    text-align: left; 
    vertical-align: middle !important; 
}