Quand utiliser rem ou em ?

Utilisez rem pour des tailles cohérentes relatives à la taille de police racine — idéal pour les marges, le padding et la mise en page. Utilisez em pour la typographie qui doit s'adapter à son élément parent, comme les tailles de police imbriquées dans les composants.

Comment fonctionnent les unités viewport (vw, vh) ?

1vw correspond à 1% de la largeur du viewport et 1vh à 1% de sa hauteur. Elles sont utiles pour les mises en page pleine largeur ou pleine hauteur qui s'adaptent à la taille de la fenêtre du navigateur.

Pourquoi les pourcentages (%) ne sont-ils pas inclus ?

Les pourcentages dépendent de l'élément conteneur et de la propriété CSS spécifique, il n'y a donc pas de facteur de conversion universel. Cet outil ne prend en charge que les unités avec des bases de conversion fixes et prévisibles.

Convertisseur d'unités CSS - px vers rem, em, vw, vh

Taille de police racine (px)

Taille de police parente (px)

Largeur (px)

Hauteur (px)

Précision

Unité	Résultat
px	16
rem	1
em	1
vw	0.8333
vh	1.4815
vmin	1.4815
vmax	0.8333

px	rem
1px	0.0625rem
2px	0.125rem
4px	0.25rem
8px	0.5rem
12px	0.75rem
14px	0.875rem
16px	1rem
20px	1.25rem
24px	1.5rem
32px	2rem
48px	3rem
64px	4rem
96px	6rem
128px	8rem

Le Convertisseur d'unités CSS est un outil en ligne gratuit pour convertir entre px, rem, em, vw, vh, vmin et vmax. Conversion par lot de code CSS avec taille de police racine et dimensions de viewport personnalisables. Fonctionne entièrement dans votre navigateur.

Qu'est-ce que le Convertisseur d'unités CSS ?

Le Convertisseur d'unités CSS vous permet de convertir instantanément entre les unités de longueur CSS — px, rem, em, vw, vh, vmin et vmax. Configurez la taille de police racine, la taille de police parente et les dimensions du viewport pour des résultats précis.

Collez du code CSS pour une conversion par lot, ou utilisez la table de référence pour les correspondances courantes px vers rem et px vers vw.

Comment convertir les unités CSS

1
Entrez une valeur
Saisissez une valeur numérique et sélectionnez l'unité source. Toutes les valeurs équivalentes sont calculées en temps réel.
2
Convertissez du CSS par lot
Collez votre code CSS, choisissez une direction de conversion et obtenez le résultat avec les valeurs correspondantes surlignées.
3
Consultez la table de référence
Utilisez l'onglet de référence pour rechercher rapidement les conversions courantes px→rem, px→em et px→vw.

Questions fréquentes

Outils associés

Conversion d'unités Convertisseur de base Convertisseur de couleurs

Unité

Résultat

rem

0.8333

1.4815

vmin

1.4815

vmax

0.8333

Qu'est-ce que le Convertisseur d'unités CSS ?

px	rem
1px	0.0625rem
2px	0.125rem
4px	0.25rem
8px	0.5rem
12px	0.75rem
14px	0.875rem
16px	1rem
20px	1.25rem
24px	1.5rem
32px	2rem
48px	3rem
64px	4rem
96px	6rem
128px	8rem

Collez du code CSS pour une conversion par lot, ou utilisez la table de référence pour les correspondances courantes px vers rem et px vers vw.

Comment convertir les unités CSS

Entrez une valeur

Saisissez une valeur numérique et sélectionnez l'unité source. Toutes les valeurs équivalentes sont calculées en temps réel.

Convertissez du CSS par lot

Collez votre code CSS, choisissez une direction de conversion et obtenez le résultat avec les valeurs correspondantes surlignées.

Consultez la table de référence

Utilisez l'onglet de référence pour rechercher rapidement les conversions courantes px→rem, px→em et px→vw.