Combien de rem font autant de pixels ?

Comment ça marche

Le CSS a des longueurs absolues, fixes entre elles, et des longueurs relatives à la police. En CSS, un pouce vaut toujours 96 px, donc 1 pt (1/72 de pouce) vaut 4/3 px, un pica 16 px et 1 cm environ 37,8 px. Ces pixels CSS ne sont pas les pixels physiques de l’écran ; le navigateur les met à l’échelle.

Un rem est la taille de police de l’élément racine, et un em celle de l’élément lui-même. Les navigateurs utilisent 16 px par défaut, donc rem = px ÷ 16 et 24 px = 1,5 rem. Si votre taille de police racine est de 20 px, 24 px font 1,2 rem. Le convertisseur utilise la même taille de police pour les deux : pour les em, indiquez la taille qui s’applique à l’élément concerné.

Les définitions proviennent du module CSS Values and Units Level 4 du W3C. Les unités de fenêtre et de conteneur (vw, vh, cqw) dépendent de l’écran et ne sont pas incluses.