图片大小“ fitin =“ HTML

Question

我将图像上传到我在乐天的商店的网站。 Rakuten专门将图像尺寸设置为128px，而我的商店对每张图像都使用255px。我上传的图像命名为"xxx.jpg?fitin=128:128"。

我将其更改为255px，它可以工作，但是问题是图像看起来模糊。有人可以帮我解决这个问题吗？

Answer 1

使用 object-fit：cover; 它将剪切图像的侧面，保留长宽比，并填充空间。

img {
     object-fit: cover;
}