Px to Rem
Convertissez les valeurs en pixels en rem et em pour une typographie CSS évolutive.
① Entrez une valeur en pixels ② Définissez la taille de police de base (défaut 16px) ③ Copiez rem ou em
Pourquoi utiliser rem plutôt que px ?
Les unités rem (root em) s'adaptent à la préférence de taille de police du navigateur de l'utilisateur, rendant votre typographie plus accessible et responsive. 1rem = 16px dans la plupart des navigateurs par défaut — les utilisateurs peuvent modifier cela via font-size dans les paramètres du navigateur. Utiliser rem au lieu de px garantit une mise à l'échelle proportionnelle du texte.
Questions fréquentes
rem (root em) est une unité CSS relative basée sur la taille de police de l'élément racine (<html>). Par défaut : 1rem = 16px.
rem est toujours relatif à l'élément racine. em est relatif à la taille de police de l'élément parent. rem est préféré pour sa prévisibilité.
La taille de police par défaut du navigateur est 16px (1rem = 16px). Elle peut être modifiée avec html { font-size: Xpx; }.
Divisez la valeur px par la taille de base. Avec base 16px : 24px ÷ 16 = 1,5rem.
Oui. Utiliser rem respecte les préférences de l'utilisateur et satisfait WCAG 1.4.4.
Utilisez px pour les bordures, les ombres et les media queries. Préférez rem pour la typographie.
rem = px ÷ taille de base. Exemple : 24px ÷ 16px = 1,5rem.