Question

我正在使用wordpress建立一个网站，主题是“无限摄影”。
我的问题是：在首页上您可以看到所有帖子的精选图片：www.konradfoerster.de/wordpress

当我更改浏览器窗口的大小时，图像将从中间裁剪。我不要那个
但是，当您单击图像并打开单个帖子，然后更改屏幕大小时，图像会缩放但不会裁剪。我也希望主页有这种行为！
我需要这样的行为：https://demo.kaliumtheme.com/photography/。在这里，当您缩小浏览器窗口时，图像将被缩放，而不被裁剪。
我怎样才能做到这一点？我在Google上搜索了很多，但找不到任何东西。例如，我尝试了此操作，但没有成功。 disable cropping featured image in wordpress

将不胜感激。
编辑：这是文档检查器的屏幕截图。我认为适用于每个图像的样式在.acme-col-3类中。 screenshot document inspector

Answer 1

.masonry-item.post-item {
    ...
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

如何在首页上禁用特色图片的裁剪

1 个答案: