Convertisseur PX vers EM

Ce convertisseur px vers em transforme une longueur CSS de pixels vers des unités em, ou d'em vers pixels, en utilisant la taille de police de l'élément parent en pixels comme base de référence. La typographie relative dépend de cette base : un em égale la taille de police calculée du parent, donc seize pixels avec une base de seize pixels valent un em, et un virgule cinq em avec la même base valent vingt-quatre pixels.

Ce que signifient px et em et ce que contient la réponse

Une conversion de longueur CSS entre pixels et em répond à une question de mise en page précise : étant donné une magnitude dans une unité et une taille de police parente en pixels, quelle est la magnitude équivalente dans l'autre unité pour que l'espacement, l'échelle typographique et les tailles de composants restent proportionnels quand la cascade change. Les pixels sont des longueurs absolues indépendantes du périphérique en CSS ; l'em est relatif à la taille de police calculée de l'élément parent, si bien que la même valeur em s'adapte quand la taille de police du parent change. Les identifiants canoniques sont px pour les pixels et em pour l'unité relative em ; les orthographes courantes comme pixel, pixels et ems se normalisent vers ces identifiants, de sorte que formulaires, chaînes de requête et tableurs réutilisent le même contrat sans inventer d'énumérations privées. Cette calculatrice accepte une valeur numérique, une taille de police de base en pixels, une unité source et une unité cible, puis renvoie le résultat converti arrondi à une précision stable, les identifiants canoniques from et to, des libellés lisibles, une valeur intermédiaire en pixels, une chaîne compacte result_css telle que 1.5em et un bref rappel de formule. Il n'y a aucun calcul de viewport, aucune recherche de racine rem et aucune simulation de media-query : le moteur multiplie et divise par la base fournie à l'intérieur de la plage de magnitude prise en charge, ou rejette l'entrée avec invalid_input. Les cas rejetés incluent une valeur, une base, un from ou un to manquant ; des nombres non finis ; des magnitudes au-dessus du plafond documenté ; des chaînes d'unité inconnues ; et toute base nulle ou numériquement nulle, car em égale px sur base diviserait par zéro. Si vous avez besoin de rem, de pourcentages, d'unités de viewport ou d'une conversion multi-catégories générale, utilisez les outils dédiés à ces domaines ; cette page ne répond qu'à px face à em avec une taille de police parente connue et une sortie numérique stable, adaptée aux feuilles de calcul, aux tests unitaires et aux consommateurs d'API qui ne doivent inventer aucun facteur.

Comment value, base et les unités sont lues et comment les résultats restent reproductibles

La notation scientifique optionnelle sur les chaînes numériques est admise lorsqu'elle se lit comme un décimal fini ; les espaces intégrés, les préfixes hexadécimaux et les jetons non numériques sont rejetés avec un message clair, pour qu'une cellule erronée ne devienne pas une mauvaise taille de caractère. Les requêtes de même unité renvoient la valeur après validation de base, ce qui garde le contrat uniforme pour les formulaires qui envoient toujours une taille parente. Les champs préférés sont value pour la magnitude de longueur CSS, base pour la taille de police parente en pixels, from pour l'unité source et to pour l'unité cible, avec les alias amount, length, n, quantity et size pour value ; base_px, parent, parent_font_size, font_size et root pour base ; unit, from_unit, source et input_unit pour from ; et target, to_unit, output_unit et into pour to, afin que des clients hétérogènes partagent un seul contrat. Zéro est une valeur valide et donne simplement zéro dans l'unité cible, mais une base nulle échoue toujours avec invalid_input, car la conversion relative em est indéfinie sans une taille de police parente non nulle. Le calcul passe par les pixels : si from vaut em, multipliez value par base pour obtenir les pixels ; si to vaut em, divisez cette magnitude en pixels par base. Associez l'exécution gratuite du navigateur sur cette page à l'API payante lorsque vous avez besoin du résultat mathématique identique dans une chaîne automatisée sans réimplémenter vous-même les calculs typographiques.

Où la conversion px–em s'insère dans les design systems, le CSS et le logiciel

Sur cette page, le travail s'exécute entièrement dans votre navigateur ; via l'API, chaque recherche réussie coûte $0.002, une validation échouée n'est pas facturée et rien n'est conservé après le retour de la réponse. Cette répartition — exploration interactive gratuite et API payante identique — correspond au reste du catalogue de niveau A du KIT et vous permet de passer d'une démo de classe à une chaîne automatisée sans changer le résultat mathématique. Associez-le à des convertisseurs d'unités généraux lorsque le même formulaire doit aussi gérer des longueurs ou des tailles de données, et gardez les outils rem ou viewport à part quand la référence est la racine de la cascade ou le viewport plutôt que la taille de police du parent.