Combien vaut 1rem en px ?

1rem équivaut à la taille de police de la racine ; avec la valeur par défaut de 16 px, 1rem vaut 16 px.

Quelle différence entre em et rem ?

rem est toujours relatif à la taille de police de l’élément racine, tandis que em l’est à la taille héritée par l’élément courant.

Les navigateurs mobiles masquent ou affichent la barre d’adresse, donc 100vh peut dépasser la zone visible ; utilisez dvh ou svh si disponible.

Préférez rem pour les échelles typographiques d’interface ; gardez px pour les bordures fines.

Mis à jour: 2026-09-01

Unité	Relatif à	Usage type
px	Pixel du périphérique (pixel CSS)	Bordures, icônes précises
rem	Taille de police de la racine	Échelle typographique, espacements
em	Taille de police du parent	Dimension locale du composant
%	Propriété du parent	Largeurs, mises en page fluides
vw	1 % de la largeur du viewport	Sections plein cadre
vh	1 % de la hauteur du viewport	Hauteur de héros (attention au mobile)
vmin / vmax	Petit/grand côté du viewport	Tailles responsives quasi carrées
ch	Largeur du glyphe « 0 »	Blocs de code, champs à chasse fixe
ex	Hauteur d’x de la police	Typographie fine rare
svh / lvh / dvh	Viewport petit/grand/dynamique	Hauteur sûre du navigateur mobile

Sur mobile, 100vh peut inclure la barre du navigateur masquée ; préférez dvh/svh si disponible.
La taille de police de l’utilisateur influe sur rem — c’est souvent souhaitable pour l’accessibilité.

Combien vaut 1rem en px ?: 1rem équivaut à la taille de police de la racine ; avec la valeur par défaut de 16 px, 1rem vaut 16 px.
Quelle différence entre em et rem ?: rem est toujours relatif à la taille de police de l’élément racine, tandis que em l’est à la taille héritée par l’élément courant.
Pourquoi 100vh pose problème sur mobile ?: Les navigateurs mobiles masquent ou affichent la barre d’adresse, donc 100vh peut dépasser la zone visible ; utilisez dvh ou svh si disponible.