全宽，响应顶部图像

Question

我正在尝试创建一个带有图像的标题，该图像响应屏幕大小，如：http://appex.no/referanser

关于他们是如何做到这一点的任何想法？

Answer 1

<div id="banner" style="width:auto;overflow:hidden;">
<img src="..." style="width:100%;" />
</div>

应该工作;然后div保持自动响应布局，img采用父div的大小

他们用以下内容删除了图片：

@media handheld, only screen and (max-width: 400px){ 
   div#banner { display:none; 
}

（为了演示而使用内联，但当然可以上课）