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>