核心提示：我们在做列表页的时候，图片都是固定的大小，比如是一个100px*100px的正方形图片，但是很有可能拿到的图片并不是正方形的，这个非正方形图片放到正方形的img标签里，就会变形如果使用object-f...
我们在做列表页的时候，图片都是固定的大小，比如是一个100px*100px的正方形图片，但是很有可能拿到的图片并不是正方形的，这个非正方形图片放到正方形的img标签里，就会变形如果使用object-fit：cover ?可以裁剪超出比例的部分，这样图片看起来就不会是变形或者拉伸的了，但是这样会导致图片残缺，根据图片的不同，可能裁剪掉关键部分的内容，但是鉴于列表本来就是缩略图，所以还是可以加上这个属性的,是一个比较折中的办法。
加了 object-fit：cover；
没加object-fit：cover；
