Convertisseur PX en REM

Convertissez des pixels CSS et des rem à partir de votre taille de police racine.

Formule Écrans & design

REM

Points: 18 pt
Pourcentage de la taille racine: 150 %

Mode d’emploi

Un rem est égal à la taille de police de l’élément racine html, soit 16 px par défaut dans les navigateurs. Diviser une valeur en pixels par la taille racine donne des rem ; multiplier des rem par la taille racine donne des pixels.

Le em fonctionne de la même manière, mais se rapporte à la taille de police de l’élément parent ; il n’est donc égal au rem que lorsque le parent utilise la taille racine.

En CSS, 1 px est défini comme 1/96 de pouce et 1 pt comme 1/72 de pouce, donc 1 px = 0.75 pt.

Formule

rem = px ÷ taille racine
px = rem × taille racine
pt = px × 0.75

Exemple détaillé

Avec la racine par défaut de 16 px, 24 px font 24 ÷ 16 = 1.5 rem, soit 18 pt et 150 % de la taille racine.

Questions fréquentes

Pourquoi utiliser le rem plutôt que le px ?

Les tailles en rem s’adaptent lorsqu’un utilisateur modifie la taille de police par défaut de son navigateur, ce qui facilite l’accessibilité.

Quelle est la différence entre rem et em ?

Le rem se rapporte à l’élément racine ; le em se rapporte à l’élément parent de l’élément courant, si bien que les valeurs em imbriquées se cumulent.