我正在建立一个网站（summer-band.com）并尝试调整移动设置（浏览器在＆lt; 600px），其中包含几个元素的100％宽度设置。不幸的是，到目前为止我所做的事情，标题/容器和导航栏以及页脚似乎都射出了不同的宽度，我似乎无法自己解决这个问题，因此需要一些帮助。
答案 0 :(得分：1)
首先，菜单：#navigation li a和#navigation li.current_page_item a＆＃39; width为100%但是有填充，因此框模型不会做你想要什么。 width应为auto。这是你的反复出现的问题。
接下来，标题：您已将#headerImg＆＃39; s width设置为常量600px。在您的媒体查询中，您可能想要制作width和height auto并制作实际的img＆＃39; s width 100%。
向下移动，您的主#box有一个width 100%和一个填充。由于盒子模型，这可能不会做你想要的。制作width auto。
再往下，您的#footer display inline-block width 100% display。您可能希望将其block更改为width和auto更改为article img。
我认为这主要是它，但您可能希望将max-width 100%设置为width并删除明确的iframe你的Kickstarter截图。我真的不知道如何处理视频中的br。遗憾。
最后几条评论：您似乎过度使用p和空margin代码，而不是使用适当的{{1}}。