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

在小提琴示例中，我看到'figure img' 选择器min-height 属性设置为100%，这使得图像将其高度拉伸到整个块。删除它，它会工作。