當顯示在平板電腦上時，頁眉和頁腳未顯示完整頁面寬度

Question

從平板電腦查看我的website時，頁眉和頁腳均未覆蓋整個頁面寬度。這是一個純粹的CSS問題，儘管在從臺式電腦瀏覽網站時（例如通過Chrome瀏覽器）不會發生。

我打算在平板電腦（最重要的是iPad）上也有一個全頁寬的黑色頁眉和頁腳。

任何想法，我需要改變以完成這個任務？

謝謝&歡呼聲中，拉爾夫

Answer 1

您可以設置

body { min-width: 1230px; } 

它應該做的伎倆。

Answer 2

您應該定義一個視口。

<meta name="viewport" content="width=device-width" /> 

OR

<meta 
    name="viewport" 
    content="width=1000, initial-scale=0.8, maximum-scale=1.0" /> 

它調整到您的要求。