如何修改頁眉和頁腳以便在更改瀏覽器窗口大小時正確顯示？

-2

如果您將瀏覽器縮小至較小尺寸，我的網站頁眉和頁腳顏色已被刪除。如果你縮小眉毛，你會意識到我的意思。這是圖片如果您最小化了網絡瀏覽器窗口，我的網站發生了什麼情況。這是不容易解釋的，因爲它在最大化的瀏覽器窗口上加載得很好。我的網站的網址是www.virmodrosti.com如何修改頁眉和頁腳以便在更改瀏覽器窗口大小時正確顯示？

下面是從style.css中的代碼

#footer { 
margin: 0 auto; 
width: 100%; 
background: #0b3e61; 
color: #CCD8E4; 
padding: 12px 0; 
font-size: 12px; 
} 

#footer a { 
font-size:14px; 
font-weight: bold; 
color: #ABB9C7; 
text-decoration: none; 
} 

#footer a:hover { 
color: #ABB9C7; 
text-decoration: underline; 
} 

#header { 
background-color: #0A3952; 
padding: 4px 0 20px 0; 
} 

#header .menu { 
display: inline-block; 
float: left; 
padding-top: 60px; 
font-size: 15px; 
text-transform: uppercase; 
line-height: 40px; 
} 

body { 
background: #DEDEDE; 
font-family: Frutiger, Lato, Georgia, serif; 
font-size: 13px; 
} 

#wrapper { 
margin: 0 auto; 
width: 100%; 
} 

#wrapper2 { 
margin: 0 auto; 
height: 86px; 
width: 1180px; 
}

請讓我知道，我需要在style.css中，以改變正確顯示？

來源

2017-06-21 Techuser

分享您更好地瞭解 – Bhargav

代碼，請創建一個最小的，完整的，並且可驗證例如：HTTPS：//stackoverflow.com/help/mcve –

我添加的代碼到我的職位 – Techuser

在你的代碼有：

#main { 
    margin: 0 auto; 
    width: 1180px; 
    padding: 20px 20px; 
}

的寬度設置爲始終1180px，窗口大小正在縮小是保持相同，比你的頭還拉伸如果是有道理的。

來源

2017-06-21 13:59:23

是啊，但主要應該不會影響標題，因爲它在標題ID下面。 – Techuser

發生了什麼事是你的內容的寬度比你的頁眉和頁腳延伸得更遠。 –

我一直在努力解決問題很長一段時間，並會很高興知道要在CSS樣式中更正什麼 – Techuser

如何修改頁眉和頁腳以便在更改瀏覽器窗口大小時正確顯示？

回答

相關問題