Convertisseur de px en rem et em
Convertissez facilement entre les unités px, rem et em en utilisant vos propres tailles de police racine et de contexte — modifiez n'importe quel champ et les deux autres s'ajustent en temps réel.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Chaque conversion s'effectue directement dans votre navigateur. Rien de ce que vous saisissez n'est téléversé vers BroBroGo.
FAQ
Quelle est la différence entre les unités px, rem et em?
L'unité px représente une dimension fixe. L'unité rem est calculée par rapport à la taille de police racine de la page (ainsi, avec une racine de 16 px, 1 rem équivaut à 16 px). L'unité em est quant à elle relative à la taille de police de l'élément dans lequel elle est déclarée. Exprimer la typographie et les espacements en rem permet à l'ensemble de l'interface de s'adapter de manière fluide lorsqu'un utilisateur modifie la taille de police par défaut de son navigateur.
Pourquoi y a-t-il une option distincte pour la taille du contexte em?
L'unité em est relative à la taille de police de son propre élément parent, qui ne correspond pas toujours à la racine de la page. Configurez le contexte em selon la taille de police de cet élément pour obtenir un calcul précis, et conservez-le égal à la valeur racine lorsque les deux coïncident.
Que faire si ma taille de police racine n'est pas de 16 px?
Modifiez simplement le champ de la taille de police racine pour qu'il corresponde à votre code CSS, et toutes les valeurs en rem s'ajusteront instantanément. Le tableau de référence rapide ci-dessous s'avère très pratique pour la valeur racine standard de 16 px utilisée par défaut sur la plupart des sites.