Convertisseur d'unités CSS

À quoi sert cet outil

Une valeur en pixels se convertit en rem de la même façon partout, mais pas le pourcentage, le vw ou le vh : ils dépendent d'une taille de conteneur ou d'un viewport qui change d'une page à l'autre. Cet outil demande ce contexte dès le départ, si bien que les chiffres obtenus sont ceux qui s'afficheraient réellement, et non une estimation générique basée sur une racine à 16px. Ici, rem et em sont traités de la même façon, tous deux mis à l'échelle à partir de la taille de police de base indiquée, car sans véritable élément parent sur la page, rien ne permet de les distinguer par une taille de parent propre. Modifiez la taille de police de base pour voir comment le réglage de texte agrandi d'un visiteur déplace d'un coup toutes les valeurs en rem et en em.

Mode d'emploi

1. Saisissez la valeur et choisissez l'unité de départ.
2. Définissez la taille de police de base, la largeur et la hauteur du viewport, et la taille du conteneur de référence.
3. Lisez la même longueur convertie dans toutes les autres unités.

Confidentialité

Cet outil fonctionne entièrement dans votre navigateur. Ce que vous saisissez n'est jamais envoyé, stocké ni partagé : fermer l'onglet suffit à tout effacer.

Questions fréquentes

Pourquoi rem et em donnent-ils le même résultat ?

Les deux se mettent à l'échelle à partir d'une taille de police de base. rem utilise toujours la taille de la racine et em celle du parent, mais cet outil n'a pas de page réelle où lire une véritable taille de parent, donc il utilise la taille de base que vous saisissez pour les deux.

À quoi sert la taille du conteneur ?

C'est la référence pour le pourcentage : un pourcentage n'a de sens que par rapport à quelque chose, et ici, c'est la taille de conteneur que vous saisissez.

Est-ce que quelque chose est envoyé à un serveur ?

Non. La conversion est calculée dans la page à partir des nombres que vous saisissez.