css图片设置宽高变形原因在设置图片大小时，如果设置了等高等宽时不是宽高相等的图片会变形解决可以将图片设置为背景图

原因

在设置图片大小时，如果设置了等高等宽时不是宽高相等的图片会变形

解决

可以将图片设置为背景图片，设置自动填充，图片就能按照比例正常展示

.img {
    width: 90rpx;
    height: 90rpx;
    border:1rpx solid #f1f1f1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

<div className={styles.img}
     style={{ backgroundImage: `url('${productImgUrl[0]}')` }} />