Safari css身高：自动;和身高：100％;延伸图像。在firefox或chrome中不会发生

Question

我在网格中有正方形图像。 css说每个的宽度是25％。高度应设置为自动。你应该得到的是一排4连胜。我得到的是宽度：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

在小提琴示例中，我看到for [1 2 4 6 8 10 11] 选择器'figure img'属性设置为min-height，这使得图像的高度延伸到整个块。删除它，它会工作。