有没有人知道如何设置比例（1：1）尺寸的目录图像，适合在Flatsome主题的所有场景？设置宽度和高度的图像或框图像与封面适合不是解决方案。在图像设置1：1或检查未裁剪也不是解决方案。我们没有所有的图像1：1，但我不想写10个媒体查询，以涵盖所有的情况。
2o7dmzc51#
解决方案为：设置默认图像为uncroped，也检查目录设置“相等的图像高度”。
2skhul332#
.catalogue-image-container { position: relative; width: 100%; } .catalogue-image-container::before { content: ""; display: block; padding-bottom: 100%; } .catalogue-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
你可以使用这个CSS。你需要根据你的要求更改catalogue-image-container和catalogue-image的类名。
2条答案
按热度按时间2o7dmzc51#
解决方案为：
设置默认图像为uncroped，也检查目录设置“相等的图像高度”。
2skhul332#
你可以使用这个CSS。你需要根据你的要求更改catalogue-image-container和catalogue-image的类名。