Question

我希望我的图像在任何设备上都能很好看。在我的主页上，我使用ContentViews插件列出发布的最新文章。在插件的设置中，我可以将缩略图设置为不同的大小。

目前我将其设置为中等（300x300），但是当我查看该网站时，缩略图的形状不同。所以我设置了一个自定义的CSS：

宽度：300px;身高：270像素;

现在图像大小相同，但其中一些看起来很糟糕。是否有css代码以某种方式缩放任何大小的图像，所以它们看起来不舒展？所以我不必在PS中手动编辑它们，例如？

Answer 1

无论包含框或图像的纵横比如何，都可以使用object-fit属性正确显示图像。这样你就可以拥有统一大小的盒子，里面有任何图像。

.pt-cv-wrapper img {
    object-fit: cover;
}