javascript - 最大宽度为:100% and height:auto in Safari的图片读取高度

Question

如果我将图像附加到 DOM 并记录其高度，如下所示:

$('body').html('<img src="…" width="100" height="100">');
console.log($('img').height());

声明了以下 CSS 规则:

img {最大宽度:100%；高度:自动

Safari 返回高度 0，直到运行此代码后几毫秒。省略 height:auto 表示返回高度，但这会导致图像比例在小容器中变形。

有没有办法强制 Safari 立即计算高度？ Chrome 不会遇到这个问题。

Demo - 适用于 Chrome，不适用于 Safari 9.0.3

Answer 1

尝试使用这样的东西:

var img = document.getElementById('id'); 
var height = img.clientHeight;

doc: clientHeight