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

Question

我有一个这样的图像列表：

<img class="d-block w-100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhE...">

我想将 amax-height: 300和高度和宽度设置auto为以保持纵横比正确。

但是在开发工具中，当我尝试像这样添加max-height: 300;时.w-100：

.w-100 {
    width: 100% !important;
    max-height: 300;    
}

max-height: 300;样式标记为Invalid property value。max-height我该如何设置<img>？

标签： css

Answer 1

您必须提供一个单位，例如px

.w-100 {
    width: 100% !important;
    max-height: 300px;    
}