嗯，不知道这个标题说清楚了吗哈哈哈哈一般自适应，是等比例缩小的，但是我们这个不太一样，要求高度固定，但是图片不变形，
比如我们的结构是这样的
<div class="test">
<img src="./image/list_banner.png" alt="">
</div>
样式这么些，用到这个属性，object-fit: cover;可以让图像按比例缩放至最大化，保证元素盒子被填满，而不会破坏图片的宽高比例。
.test{
margin: 0 auto;
img{
max-width: 100%;
height: 300px;
max-height: 300px;
font-size: 0;
object-fit: cover;
}
}
是不是贼简单，有些属性真的会用了少写好多东西