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

Mobile 100%的页脚/导航宽度不等于100%的页眉/容器宽度,mobile,responsive-design,Mobile,Responsive Design,我正在建立一个网站(summer band.com),并尝试调整移动设置(浏览器

我正在建立一个网站(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。

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