Safari css 高度：自动；和高度：100%；拉伸图像。在 firefox 或 chrome 中不会发生

Question

我在网格中有方形图像。 css 表示每个宽度为 25%。高度应设置为自动。你应该得到的是一排 4 直线交叉。我得到的是 width: 25%;高度：最大图像尺寸

This fiddle might explain what I mean

<div id="container">
    <img src="image.jpg">
    <img src="image.jpg">
    <img src="image.jpg">
    <img src="image.jpg">
</div>

#container img {width: 25%; height: auto;}

在 firefox 和 chrome 中看起来不错。我不知道 safari 中的问题是什么

Answer 1

在 fiddle 示例中，我看到 'figure img' 选择器 min-height 属性 设置为 100% 这使得图像将其高度拉伸到整个街区。删除它，它将起作用。