wordpress - 如何在模板wordpress的固定大小区域显示不同大小的图像？

Question

我无法使图像自动适应该区域的大小。我想要做什么：例如，如果图像的尺寸为 500 x 500，则显示 750 x 450。如果图像是 1024x512，则显示 750x450。

已经尝试使用 add_image_size，但图像显示的大小不同。

标签： wordpress

Answer 1

object-fit在要填充区域的图像上使用 CSS 中的属性。
这background-size: cover会对图像产生影响并拉伸它们。

img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}