CSS最大高度未应用于图像标签

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。