我正在尝试在每个图像上使用以下代码获取页面上许多不同尺寸图像的宽度和高度:
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 中定义图像大小,因为所有图像都有不同的纵横比。如何解决这个问题,或者至少解决它?