方法一 HTML <div class="img_wrapper"> <img src="图片地址"/> </div> CSS 首先要确定图片的宽高比例,比如图片宽600px,高330px。那么比例就是330/600*100%=55% .img_wrapper{ width: 100%; height: 0; overflow: hidden; padding-bottom: 55%; } 也可以直接设置height: 55vw,但是有些浏览器不认识vw 未完待续。。。