css圖片寬高相等設置

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

 


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

}
.image-header img{

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

}

最終圖片以正方形顯示