我为网站制作了一个模板,问题是当我调整浏览器窗口的大小或我在手机或平板电脑上时,head
,footer
和div.hero
被“削减”。它是一个带有css重置的html5b模板,但没有响应。
这是HTML: (我也使用了这个HTML和我用过的CSS。如果你向右滚动,你将会看到我在说什么。http://jsfiddle.net/S77FC/2/。但请记住那个{ {1}}不会出现在那里,以防“bug”在那里)
head
答案 0 :(得分:1)
这些都是CSS问题。
宽度方面,标题(<div class="wrapper clearfix">...</div>
)中有一个元素,其宽度为960px。 header,div.hero和footer的宽度将由浏览器窗口的宽度给出。因此,如果浏览器窗口的宽度小于960px,则会出现div.wrapper溢出,导致显示不需要的黄色部分。
你想要做的就是在你的身体元素上设置min-width: 960px;
。