<div class="image-header">
<img src="../b1.jpg" alt="" />
</div>
.image-header{
position: relative;
width: 100%;
height: 0;
padding-top:100%;
img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
}
宽高相等的图片,宽度改变,高度随之自适应。padding-top:50%; 那宽高就是2:1的比例变化。