当我们无法控制网页上图像的长宽比时，最好提前考虑并在用户上传与长宽比不一致的图像时提供解决方案。
在下面的例子中，我们有一个带有照片的卡片组件。看起来不错
当用户上传不同大小的图像时，它会被拉伸。情况不妙看看图像是如何被拉伸的！
最简单的解决方法是使用CSS object-fit 。
.card__thumb {
object-fit: cover;
}
img {
object-fit: cover;
}