如何设置CSS图像的最大高度？

Question

如何在此页面中修复此图片的height：

图片的原始尺寸为196 x 196 px。但是，当图像加载到页面上时，它显示的大小远大于此大小。

如何将此图片height设置为最大280px？

Answer 1

原因是图像占据了容器的尺寸。

使用max-height

.advance-link img {
    max-height: 280px;
    width: auto;
}

查看您网站上已修改媒体资源的快照。

Answer 2

是的，您可以添加高度限制。只需将自定义类添加到img标记中，如下所示：

<img class="someName" src="file path" />

然后将此添加到您的css：

img.someName {
    max-height: 280px;
}