我目前的进展停留在这样的事情上。我需要帮助
我需要 ion-img 中的图片来填充其容器而不会丢失其外观。
这是我的 html 代码
<ion-col class='left-content'>
<ion-img [src]='voucher.image'></ion-img>
</ion-col>
这是我的 scss 代码
ion-img {
min-width: 5.7em;
min-height: 5.7em;
border-radius: 0.5em;
@include my-img-shadow();
}
.left-content {
padding-top: 0.8em;
position: absolute;
left: 0.5em;
}
最佳答案
使用 object-fit:cover
.
ion-img {
...
object-fit:cover;
}
关于ionic-framework - 如何在不丢失纵横比的情况下将图像填充到 ion-img 中的整个空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52683976/