html - image.heightが適切なサイズではないのはなぜですか？

Question

950x500の画像があり、次のように出力すると、次のようになります。

<img src="http://full/url/to/image.png" />

画像の下の高さのスペースに奇妙な3pxがあります。それについてjavascriptに尋ねると、実際にサイズは950x503であると表示されます。画像は実際には（複数回チェックして）500サイズですが。画像タグはこれをどのように修正できるようですか？

動的に機能するには、画像も残しておく必要があることに注意してください。したがって、画像の幅を100％に設定すると、それに応じて高さがサイズ変更されます。

Answer 1

display :block;害はありませんが、このゴナ効果がすべての画像タグに影響するため、置く代わりにこれを試してください。ただし、正しい方法は次のとおりです。

<img src="http://full/url/to/image.png" height="950" width="500"/>

Answer 2

気にしないでください、答えは、次のようにブロックに画像表示を設定することです：

img { display: block; }