css让不同大小的图片适应div的大小，且不变形。

做成背景图片

单个

.imgdiv { width: 100px; // 你要的正方形 height: 100px; // 你要的正方形 background-image: url(/your/image/path.jpg); background-position: center center; // 居中 background-size: cover; // 填满div background-repeat: no-repeat; }

多个循环时：

<div class="img"   :style="{background: `url(${item.goodsMainImage})50% 50% / cover no-repeat`}">

</div>