javascript - 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%;