小屏幕的背景大小

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; 
}