各画像で次のコードを使用して、ページ上のさまざまなサイズの多数の画像の幅と高さを取得しようとしています。
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で画像サイズを定義することはできません。これを解決する方法、または少なくともそれを回避する方法は?