Mobile 100%的页脚/导航宽度不等于100%的页眉/容器宽度

我正在建立一个网站（summer band.com），并尝试调整移动设置（浏览器<600px），其中一些元素的宽度设置为100%。不幸的是，就我到目前为止所做的，页眉/容器、导航栏以及页脚似乎都有不同的宽度，我似乎无法自己解决这个问题，因此需要一些帮助

首先，菜单：

#navigation li a

和

#navigation li.current_page_item a

的

宽度是
100%
，但有一个填充，因此长方体模型不能满足您的需要。
宽度
应为
自动
。这是你经常遇到的问题

接下来，标题：将
#headerImg
的
宽度设置为常量
600px
。在媒体查询中，您可能需要将
宽度
和
高度
设置为自动
，并将实际的
img
设置为宽度

100%

向下移动时，您的主

#框

有一个

宽度

为

100%

和一个填充。由于盒子模型，这可能不会满足您的需要。使

宽度

自动

再往下看，您的

#页脚

有

显示

的

内联块

和

宽度

的

100%

。您可能需要将其

显示

更改为

块

，

宽度

更改为

自动

我想主要是这样，但您可能希望将

article img

的

max width

设置为

100%

，并删除Kickstarter屏幕截图上的显式

width

。我真的不知道如何处理视频中的

iframe

。对不起

---

最后几点评论：您似乎过度使用了

br

s和空的

p

标记，而没有使用适当的

margin

s。

非常感谢您。我还有很多东西还处于学习阶段，所以你的反馈非常有帮助，我非常感谢。