Convertisseur PX vers REM

REM (root em) est toujours relatif à la taille de police de l'élément racine (html) — cohérent et prévisible sur toute la page. EM est relatif à l'élément parent, ce qui signifie qu'il se cumule : si un parent est en 1.2em et que l'enfant est aussi en 1.2em, l'enfant se retrouve à 1.44 fois la taille de la racine. Utilisez REM pour les tailles de police et les espacements cohérents ; utilisez EM lorsque vous voulez intentionnellement un ajustement relatif à la propre taille de police d'un composant (comme le padding sur un bouton).

REM respecte les préférences de taille de police de l'utilisateur dans son navigateur. Si un utilisateur règle par défaut son navigateur sur 20px pour des raisons d'accessibilité, 1rem devient 20px et votre mise en page s'adapte proportionnellement. Les valeurs PX sont fixes et ignorent cette préférence. L'utilisation de REM rend votre site plus accessible et plus facile à ajuster avec un seul changement de font-size racine.

PT (points) est une unité d'impression : 1pt = 1/72 pouce. Pour le web, 12pt = 16px à la résolution standard de l'écran. PT est occasionnellement utilisé pour les feuilles de style d'impression (@media print) mais rarement dans le CSS web classique. Restez sur PX, REM ou EM pour les mises en page écran.

Entrez plusieurs valeurs PX, une par ligne, dans le champ Convertisseur Groupé et cliquez sur Convertir. Vous obtenez les équivalents REM, EM et PT pour chaque valeur dans un seul tableau. Utile lors de la migration d'un système de design ou de la conversion d'une feuille de style existante de PX vers REM en une seule fois.

La section Variables CSS génère des déclarations de propriétés personnalisées CSS prêtes à être collées à partir de vos résultats de conversion groupée. Par exemple : --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Vous pouvez les coller directement dans votre bloc :root {}.

Utilisez la taille de police que vous avez définie sur l'élément html dans votre CSS. Si vous n'avez rien défini, elle par défaut est celle du navigateur (16px). Certains développeurs définissent html { font-size: 62.5% } pour que 1rem = 10px afin de faciliter les calculs mentaux (par exemple, 24px = 2.4rem). Modifiez la saisie de taille de base pour qu'elle corresponde à la taille de police racine réelle de votre projet.

Non. Toutes les conversions sont calculées localement dans votre navigateur avec JavaScript. Rien n'est transmis ou stocké. Vous pouvez l'utiliser hors ligne après le chargement de la page.