Image dans une page responsive

Bonjour,

Une question toute bête, dont je n'arrive pas à trouver la réponse:
Je fais un site web que je voudrais responsive, donc je le teste sur mon iPad et mon smartphone Android. Mon iPad est de génération 4, donc avec un écran Retina de 1536 par 2048 pixels.
J'ai une page web tout ce qu'il y a de plus simple, qui intègre cette image, qui a une largeur de 700 pixels :



Sur un écran qui fait 1536 pixels de large, elle devrait tenir à l'aide dans la largeur de l'écran, or elle tient tout juste... J'ai fait un screenshot de mon iPad, ça donne ça:



Mon screenshot fait bien 1536 par 2048 pixels, conforme à la résolution de mon iPad, mais on voit bien que l'image est "grossie", 1 pixels de l'image ne correspond pas à 1 pixels de l'écran.
Pourtant elle est intégrée dans la page à l'aide du code HTML le plus simple qui soit:

<img id="imgCntnrHistory" src="../images/fs4-PC.png">

Comment remédier à ce problème?

Toute aide est la bienvenue.

Merci !!
Eric