在IE11中使用jQuery计算图像容器的内在比率失败

Question

我正在努力为网站上的图片添加延迟加载，其中图像高度因面板而异，图像在平板电脑上按比例放大50％，在移动尺寸屏幕上按比例放大100％。由于图像大小的所有变化，我正在计算动态图像容器的底部填充，并为每个容器添加内联。这在所有其他浏览器中都可以正常使用IE11，由于某些原因，它似乎在解释图像高度错误。

function calculateContainerPadding(image) {
    var mediaContainer = image.parent(".lazy-container");
    var bottomPadding = image.height() / mediaContainer.width() * 100;

    mediaContainer.css({
      "padding-bottom": bottomPadding + "%"
    });
} 

我创造了一个错误的小提琴： http://jsfiddle.net/125gwu1e/29/embedded/result/

有人知道如何解决这个问题吗？