Convertisseur d'Unités CSS
Convertissez entre les unités CSS — px, rem, em, vw, vh, pt, cm, mm et in — instantanément dans votre navigateur. Configurez la taille de police de base et les dimensions du viewport.
| Unité | Valeur |
|---|
Foire aux questions
Quelle est la différence entre px, rem et em ?
px (pixels) est une unité absolue qui correspond toujours à un nombre fixe de pixels d'appareil. rem (root em) est relatif à la taille de police de l'élément HTML racine — par défaut 16px dans la plupart des navigateurs. em est similaire mais relatif à la taille de police du parent de l'élément courant, ce qui le rend dépendant du contexte et peut se composer lors d'imbrications. Pour des mises en page cohérentes et évolutives, rem est généralement préféré à em.
Quand utiliser vw et vh ?
vw (largeur du viewport) et vh (hauteur du viewport) sont des pourcentages des dimensions du viewport du navigateur. 1vw équivaut à 1% de la largeur du viewport et 1vh à 1% de la hauteur. Ils sont idéaux pour les sections plein écran, la typographie responsive et les sections hero fluides. Notez que vh peut se comporter de manière inattendue sur les navigateurs mobiles où la barre d'adresse modifie la hauteur disponible.
Comment pt, cm, mm et in sont-ils liés aux px ?
Ce sont des unités physiques conçues pour les médias imprimés. Sur écran, CSS définit 1 pouce comme exactement 96px, indépendamment de la densité réelle de l'écran. À partir de ce repère : 1pt = 96/72 px ≈ 1,333px, 1cm ≈ 37,795px, 1mm ≈ 3,78px. Bien que ces unités soient précises à l'impression, sur écran elles sont relatives au pixel de référence CSS.