css不同尺寸图片不缩放

<div
v-for="(item, index) in list"
:key="index"
class="img"
>
  <img :src="item" alt="" />
</div>



//css
    .img {
      width: 500px;
      height: 500px;
      img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }