直到屏幕結束，頁眉背景不擴展

Question

這是網站截圖。計算機瀏覽器顯示效果很好，但移動歌劇和其他瀏覽器就是這樣展示的。

我錯過了什麼？在#header-wrapper從"width: 996px;"

#header{ 
    background: -webkit-linear-gradient(180deg,#307FB7, #084F81); 
    background: -moz-linear-gradient(180deg,#307FB7, #084F81); 
    background: -ms-linear-gradient(180deg,#307FB7, #084F81); 
    background: -o-linear-gradient(180deg,#307FB7, #084F81); 
    background: linear-gradient(180deg,#307FB7, #084F81); 


    -webkit-box-shadow: 0 1px 2px #000000; 
    -moz-box-shadow: 0 1px 2px #000000; 
    box-shadow: 0 1px 2px #000000; 
} 

#header-wrapper{ 
    height: 80px; 
    margin: auto; /* Centralize blue bar */ 
    width: 996px; /* Fix the size of blue bar */ 
} 

Answer 1

設置寬度"width: 100%;"

所以，你的頭的包裝將延長頁面

Answer 2

我不能評論尚未全寬，但你爲什麼有width:996px;？

如果您需要在瀏覽器的寬度，使用max-width: 996px;和width:100%;

這樣，在移動的欄會在屏幕的100％，但在瀏覽器將是100％，直到它擊中的996px最大。