css - Safari (Win7) 不使用 max-height 属性刷新 img 高度

Question

我有一个显示图像的网格。每个图像都应该适应单元格大小。

我正在使用此 css 自动调整图像:

img {
  max-width: 100%;
  max-height: 100%;
}

然后当我调整包含图像的 div(单元格)大小时，图像应该适应 div。它在 Chrome/Firefox 下正常工作。在 Safari 5.1.7 (Win 7) 上，更改 div 的宽度时有效，但不适用于高度。

我在这里创建了一个示例案例:http://jsfiddle.net/MNL29/7/

height 按钮增加 div 的高度，width 按钮改变宽度，图像在 Safari 下不会调整大小。

为什么会发生这种情况，是否有解决方法(无需 Javascript)？

Answer 1

新版本

div {
  height: 100px;
  width: 200px;
  background: red;
  position: relative;
}

img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

似乎按预期工作。 Fiddle