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。