Convertisseur d'Unités CSS - px en rem, em, pt, vw, vh et Plus
Convertisseur d'Unités CSS
Convertissez une longueur CSS dans toutes les autres unités d'un coup
Toutes les Unités
Saisissez une valeur dans une unité et voyez-la dans 14 unités CSS, chacune copiable en un clic.
Votre Contexte
Les unités relatives dépendent des polices et de la fenêtre : vous les définissez vous-même.
Table px vers rem
Tailles courantes en pixels avec leurs équivalents rem et points pour votre taille racine.
Privé
Tout s'exécute dans votre navigateur ; rien de ce que vous collez n'est envoyé.
Quelle Unité CSS Utiliser
Les pixels CSS ne sont pas des pixels physiques : par définition 1in = 96px = 72pt = 2,54cm à l'écran, quelle que soit la densité. rem est relatif à la taille de police racine (html), 16px par défaut, donc 1,5rem = 24px ; il respecte le réglage de police du navigateur de l'utilisateur, ce qui en fait le meilleur choix pour les tailles de texte et les espacements. em et % dépendent de la police du parent et se cumulent en cas d'imbrication.
vw et vh sont des pourcentages de la fenêtre, pratiques pour les sections plein écran et la typographie fluide ; sur mobile, les unités plus récentes svh, lvh et dvh tiennent compte des barres du navigateur. Les unités physiques (cm, mm, in, pt) servent surtout aux feuilles de style d'impression. Pour le texte, évitez les tailles en vw seul, qui ne grandissent pas avec le zoom ; combinez-les avec des rem grâce à clamp().
Points Clés
- rem pour le texte: Il suit la préférence de police de l'utilisateur.
- 96px par pouce: CSS fixe le rapport entre pixels et unités physiques.
- em se cumule: Les em imbriqués se multiplient, pas les rem.