<div class="image-header"> <img src="demo.jpg"> </div> .image-header{ position:relative 100% height:0 padding-top:100% } .image-header img{ position:absolute top:0 left:0 100% height:100% }
最终图片以正方形显示
<div class="image-header"> <img src="demo.jpg"> </div> .image-header{ position:relative 100% height:0 padding-top:100% } .image-header img{ position:absolute top:0 left:0 100% height:100% }
最终图片以正方形显示