100％的頁腳/導航寬度不等於100％的頁眉/容器寬度

Question

我正在構建一個網站（summer-band.com）並試圖調整移動設置（瀏覽器爲< 600px）和100 ％幾個元素的寬度設置。不幸的是，到目前爲止我所做的事情，標題/容器，導航欄以及頁腳都似乎在拍攝不同的寬度，我似乎無法自行解決這個問題，因此需要一些幫助。

Answer 1

首先，菜單：#navigation li a和#navigation li.current_page_item a的width是100%，但有一個填充，所以你想要的盒子模型不會做。 width應該是auto。這是你的一個反覆出現的問題。

接下來，標題：您已將#headerImg的width設置爲常數600px。在您的媒體查詢中，您可能需要製作width和heightauto並將其製作爲實際的img的width100%。

向下移動，您的主#box有width的100%和填充。由於箱子模型，這可能不會做你想要的。製作widthauto。

再往下，你的#footer有display的inline-block和width的100%。您可能需要將其display更改爲block和width至auto。

我認爲這主要是它，但你可能需要設置article img的max-width到100%和你的Kickstarter的截圖刪除顯式width。我真的不知道如何處理iframe與視頻。抱歉。

最後幾點意見：您好像在過度使用br s和空的p標記，而不是使用合適的margin s。