Contrairement à ce que pensent de nombreux professionnels du web, intégrateurs, graphistes et autres développeurs, l’unité px – utilisée aussi bien pour définir la taille d’une typographie que d’un conteneur ou d’une image – n’est pas simplement équivalente aux pixels constituant nos écrans d’ordinateur, tablettes et autres appareils mobiles.
Le px est en réalité une unité de mesure d’angle dont la formule est la suivante :
px = 5376 * tan(radians/2)
A titre d’exemple, la largeur de la Lune depuis la Terre est de 24.3px.
Cela en considérant la résolution de référence de CSS 2.1, qui est de 96dpi. Du coup, sur le retina display de l’iPad 3 à 264dpi, une lune de 24,3 px de diamètre apparaîtrait beaucoup trop petite !