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

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

第1个回答  推荐于2017-05-20
那你要把你的banner图片做的尽量的大,然后给你div一个width:100% ,images也给一个width:100%;
<div>img</div>
不过你最好给div一个最大宽度和最少宽度,这样比较稳当一点。本回答被网友采纳
第2个回答  2013-08-05
<div style="background:url(图片) center top no-repeat; width:100%; height:300px;"></div> 图片要保证够大·
第3个回答  2013-08-05
<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>
相似回答