html - 修复 Cargo Collective 图像库中的图像高度

Question

我正在为朋友开发 Cargo Collective 网站，但对 CSS 编辑器及其无法修复图库中所有图像的图像高度感到有些困惑。

我想要的是

图片库更改其宽度以适应图像的整个高度，例如，此页面将包含与左侧图像一样高的青蛙图像，但没有裁剪宽度。

我做了什么

这个：

.gallery_card_image {
    height: 100% !important;
}

这样做：

任何提示都有很长的路要走

标签： htmlcss

Answer 1

这只是个人意见：尝试将最大高度设置为 200px 加上 100% 高度。

.gallery_card_image { max-height: 200px; height: 100%; }

希望这有效！:)