确保img的宽高比固定

html:

 css

第一种方法：

wrapper{
 width:100%;
 height:31.25vw   
}

 第二种方法：

wrapper{
 overflow: hidden；
 width: 100%；
 height: 0；
 padding-bottom: 31.25%；
}

 31.25%为固定宽高比

转载于:https://www.cnblogs.com/yuanxinru321/p/10070807.html