jQuery innerwidth / innerheight与Chrome / Safari中的图像无法正常工作

Question

我试图在每个图像上使用以下代码获取页面上不同大小的图像的宽度和高度：

img.width = img.innerWidth() + img.borderWidth.left + img.borderWidth.right;
img.height = img.innerHeight() + img.borderWidth.top + img.borderWidth.bottom;

由于某种原因，innerWidth（）和innerHeight（）都在Chrome / Safari中返回奇怪的值。以下是Firefox与Chrome上相同图像的上述代码的比较：

FIREFOX:
img.width = 736
img.height = 542

CHROME (SAFARI is similar to this):
img.width = 656
img.height = 36

根据实际（可见）图像尺寸，Firefox值或多或少是正确的。

我不可能在CSS中定义图像大小，因为所有图像都有不同的宽高比。如何解决这个问题，或至少解决它？

Answer 1

尝试使用width:100%;height:100%;