Comment se fait-il que l'image.height ne soit pas de la bonne taille?

Question

Quand j'ai une image de 950x500 et de sortie comme ceci:

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

Il y a un 3px bizarre dans l'espace de la hauteur sous l'image. En demandant javascript à ce sujet, il va en effet dire que la taille est de 950x503. Alors que l'image est vraiment (vérifier plusieurs fois) 500 en taille. Il semble que l'étiquette de l'image fait cela comment cela peut-il être corrigé?

Notez que l'image doit également rester pour fonctionner dynamique. Donc, si je devais définir la largeur de l'image à 100%, la hauteur sera redimensionnée en conséquence.

Answer 1

Qu'à cela ne tienne, la réponse est, définissez votre affichage d'image sur le bloc comme ceci:

img { display: block; } 

Answer 2

Essayez plutôt de mettre display :block; beacuse cet effet gonaa toute la balise image bien qu'il n'y a pas de mal, mais le droit façon est la suivante:

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