Question

网页头部有一个大的banner图片，是在一个div里面嵌套着的，怎么让这个图片适应不同的分辨率呢？

图片不能变形，div宽度设成100%已经试过了，效果不太好，那位高手指点一下

Answer 1

那你要把你的banner图片做的尽量的大，然后给你div一个width：100% ，images也给一个width：100%；
<div>img</div>
不过你最好给div一个最大宽度和最少宽度，这样比较稳当一点。

Answer 2

<div style="background:url(图片) center top no-repeat; width:100%; height:300px;"></div> 图片要保证够大·

Answer 3

<div class="header" style="width: 100%; height: 15%;">
<div style="width: 100%; height: 100%; position: relative; background: pink; overflow: hidden;">
<img src="../Pictures/1367994138849.jpg" style="position: absolute; width: 100%; height: 100%; top:0; left:0;" />
</div>
</div>