CSS max-height未应用于图像标记

Question

我有以下代码：

.goplots {
        height: auto;
        width: auto;
        max-height: 50px;
        float: left;
}

此HTML代码与MediaWiki图像混合：

<div class="goplots">
[[File:{{PAGENAME}}-CC.png|Cellular components]]
</div>

问题是只有在修改width值时才会调整图像大小。它不适用于height或max-height。我尝试了一切都没有成功。发生了什么事？

Answer 1

添加此

.goplots img {
    max-height: 100%;
}

您还需要将max-height应用于所包含的img，这样可以在必要时缩小高度，同时保持其比例适合其容器.goplots。