css图片宽高相等设置

<div class="image-header">
<img src="demo.jpg">
</div>

.image-header{
position:relative
width:%
height:
padding-top:%

}
.image-header img{

position:absolute
top:
left:
width:%
height:%

}

最终图片以正方形显示