Quelle est la différence entre rem et em ?

rem est relatif à la taille de police racine, tandis qu'em est relatif à la taille de police de l'élément parent. Définissez les deux tailles ici.

Pourquoi la valeur par défaut est-elle 16px ?

16px est la taille de police racine par défaut dans la plupart des navigateurs, donc 1rem égale 16px sauf modification.

Comment pt est-il converti ?

En utilisant le rapport CSS 96/72, donc 1pt est environ 1,333px et 12pt égale 16px.

Par rapport à quoi le pourcentage est-il converti ?

Le pourcentage est relatif à la taille de police de base (parent), comme em — 100% égale la taille de base.

Mes données sont-elles envoyées ?

Non. Tout est converti dans votre navigateur et rien ne quitte votre appareil.

Convertisseur d'unités CSS (px / rem / em)

Valeur

Unité source

Taille de police racine (px)

Taille de police de base / parent (px)

Équivalents

px16px

rem1rem

em1em

pt12pt

%100%

Sites externes associés

Certains liens sont des liens d'affiliation.

JetBrainsUne société d'outils pour développeurs derrière des IDEs populaires comme IntelliJ IDEA, WebStorm, PyCharm et Rider. Reconnue pour son intelligence de code approfondie, son support de refactorisation et ses outils de débogage intégrés. Propose un abonnement All Products Pack.AmazonLe plus grand marché en ligne mondial pour les achats, l'électronique, les livres, les logiciels et plus encore. La livraison rapide, les retours faciles et le vaste catalogue de produits en font le choix privilégié pour les achats quotidiens. L'abonnement Prime ajoute le streaming, la livraison gratuite et des offres exclusives.

Outils associés

Convertisseur de Format de CouleurConvertissez une couleur en HEX, RGB, HSL, HSV et CMJN, et copiez du code prêt à coller pour CSS, SwiftUI, Android et Flutter, dans votre navigateur.Base64 Encoder / DécoderEncodez du texte en Base64 ou décodez du Base64 instantanément — accents et emojis sans erreur (UTF-8), Base64 sûr pour URL, image en data URL. Tout dans le navigateur.Terrain de Jeu FlexboxBasculez flex-direction, justify-content, align-items, wrap et gap avec un aperçu en direct, puis copiez le CSS. Un moyen rapide d’apprendre et créer des mises en page flex. Dans votre navigateur.Générateur de CSS clamp()Transformez une taille min et max et une plage de viewport en une valeur CSS clamp() fluide pour une typographie et des espacements responsives, avec aperçu. Dans votre navigateur.

Convertissez une longueur CSS entre px, rem, em, pt et pourcentage. Comme rem dépend de la taille de police racine et em et % dépendent de la taille de police parent (base), vous pouvez définir les deux — la valeur par défaut est 16px, la norme des navigateurs. Entrez une valeur, choisissez son unité et voyez tous les équivalents d'un coup. Tout fonctionne dans votre navigateur.

Comment utiliser

Entrez une valeur et choisissez son unité.
Définissez la taille de police racine et la taille de base pour em/%.
Lisez ou copiez l'équivalent dans chaque unité.

Comment ça fonctionne

Toutes les valeurs sont d'abord converties en pixels : rem multiplie par la taille de police racine, em multiplie par la taille de police de base (parent), pt utilise le rapport CSS 96/72, et le pourcentage est la taille de base multipliée par la valeur sur 100. À partir des pixels, l'outil reconvertit vers chaque unité. C'est pourquoi 1.5rem avec une racine de 16px égale 24px, et 12pt égale 16px.

Fonctionnalités

Toutes les unités d'un coup

Voyez px, rem, em, pt et % ensemble pour une seule valeur.

Racine et base personnalisées

Définissez les tailles de police racine et parent dont rem, em et % dépendent.

Copier n'importe quelle unité

Récupérez la valeur exacte dont vous avez besoin pour votre CSS.

Privé et instantané

Toute conversion s'effectue dans votre navigateur ; rien n'est envoyé.

Quand l'utiliser

Design responsive

Convertissez des maquettes en pixels en unités rem évolutives.

Accessibilité

Utilisez rem pour que le texte respecte la taille de police de l'utilisateur.

Composants

Calculez des valeurs em relatives à la taille de police d'un composant.

Styles d'impression

Convertissez entre pt et px pour le CSS d'impression.

Remarques

rem est relatif à la taille de police racine (html).
em et pourcentage sont relatifs à la taille de police parent (base).
pt utilise le rapport standard 96/72 (1pt = 1,333px).
Tous les calculs s'effectuent sur votre appareil ; rien n'est envoyé.

FAQ

Quelle est la différence entre rem et em ?: rem est relatif à la taille de police racine, tandis qu'em est relatif à la taille de police de l'élément parent. Définissez les deux tailles ici.
Pourquoi la valeur par défaut est-elle 16px ?: 16px est la taille de police racine par défaut dans la plupart des navigateurs, donc 1rem égale 16px sauf modification.
Comment pt est-il converti ?: En utilisant le rapport CSS 96/72, donc 1pt est environ 1,333px et 12pt égale 16px.
Par rapport à quoi le pourcentage est-il converti ?: Le pourcentage est relatif à la taille de police de base (parent), comme em — 100% égale la taille de base.
Mes données sont-elles envoyées ?: Non. Tout est converti dans votre navigateur et rien ne quitte votre appareil.