我正在开发离子应用程序，我想在某些卡片中显示一些图像，问题是我的图像尺寸不大，我希望它们看起来有些。
这个想法是使用àcss类来解决问题（至少在宽度上）
.full-width-image {
width: 100%
}
此类将解决尺寸问题，并且所有图像都将具有一定的宽度。我怎么不知道如何为他们所有人定一个固定的高度。如果我将css类添加到固定高度，例如：
.full-width-image {
width: 100%;
height: 60px;
}
一些图片看起来很丑陋：看起来如何
我想要的是隐藏图像的多余部分。
如果您设置了宽度和高度，则可以使用object-fit: cover;该图像填充整个空间而不会失去其宽高比。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句