Convertisseur px vers rem et em
Convertissez px, rem et em selon votre taille de police racine et de contexte : modifiez un champ et les deux autres se mettent à jour au fil de la frappe.
| 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 se fait dans votre navigateur. Rien de ce que vous saisissez n’est envoyé à BroBroGo.
FAQ
Quelle est la différence entre px, rem et em ?
px est une longueur fixe. rem se mesure par rapport à la taille de police racine de la page : avec une racine de 16px, 1rem vaut 16px. em se mesure par rapport à la taille de police de l’élément qui le contient. Exprimer le texte et les espacements en rem permet à tout de s’adapter quand un lecteur change sa taille de police par défaut.
Pourquoi une taille de contexte em séparée ?
em est relatif à la taille de police de son propre élément, qui n’est pas toujours la racine. Réglez le contexte em sur la taille de police de cet élément pour obtenir un em juste ; laissez-le égal à la racine quand les deux coïncident.
Et si ma taille de police racine n’est pas 16px ?
Modifiez le champ de taille de police racine pour qu’il corresponde à votre CSS et chaque valeur en rem se met à jour aussitôt. Le petit tableau ci-dessous sert de repère rapide pour la racine de 16px adoptée par la plupart des sites.