Responsive design 全宽、响应灵敏的顶部图像

我正在尝试创建一个标题，标题中的图像会响应屏幕大小，如下所示：

他们是怎么做到的

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

（只是为了演示而内联使用，但当然可以是类）

（只是为了演示而内联使用，但当然可以是类）

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