我正在建立一个网站（summer-band.com）并尝试调整移动设置（浏览器 < 600px），其中几个元素的宽度设置为 100%。不幸的是，就我目前所做的而言，页眉/容器和导航栏以及页脚似乎都在射出不同的宽度，我似乎无法自己解决这个问题，因此需要一些帮助.
问问题
46 次
1 回答
1
首先， menu: #navigation li aand#navigation li.current_page_item a是但width有100%一个填充，所以盒子模型不会做你想要的。width应该auto是。这是您反复出现的问题。
接下来，标题：您已将#headerImg'width设置为常量600px。在您的媒体查询中，您可能想要制作widthandheight auto并制作实际img的 's width 100%。
向下移动，你的 main#box有一个widthof100%和一个 padding。由于盒子模型，这可能不会做你想要的。使width auto.
再往下，你#footer有一个displayofinline-block和一个widthof 100%。您可能希望将其更改display为block和。widthauto
我认为主要是这样，但您可能希望将article img's设置max-width为100%并删除widthKickstarter 屏幕截图上的显式内容。我真的不知道如何处理iframe视频。对不起。
最后几点评论：您似乎过度使用brs 和空p标签，而不是使用适当margin的 s。
于 2013-05-18T23:51:41.227 回答