html - 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.