图片等比列缩放
<div class="img-wrap">
<img class="table-icon" :src="img" alt="">
</div>
css
讲图片无论大小都放入等高里,然后居中显示,图片等比例缩放
.img-wrap {
width: 100px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
.table-icon {
max-width: 100%;
max-height: 100%;
border-radius: 5px;
}
}