Как получилось, image.height не правильный размер?

Question

Когда у меня есть изображение размером 950x500 и я вывожу его так:

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

Под изображением находится странное пространство высотой 3 пикселя.Когда вы спрашиваете об этом javascript, он действительно скажет, что размер 950x503.Хотя изображение действительно (проверьте несколько раз) в размере 500.Похоже, что тег изображения делает это, как это можно исправить?

Обратите внимание, что изображение также должно оставаться динамическим.Поэтому, если бы я установил ширину изображения равной 100%, высота изменилась бы соответственно.

Answer 1

Попробуйте вместо того, чтобы поставить display :block;, потому что этот эффект gonaa использует все теги изображения, хотя в этом нет никакого вреда, но правильный путь таков:

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

Answer 2

Не берите в голову, ответ таков: установите отображение изображения на блок так:

img { display: block; }