Convertisseur d'Unités CSS
Convertisseur d'unités CSS gratuit en ligne, conversion px/rem/em/vw
Types d'unités CSS
px (pixels) — unité absolue, 1px = 1/96ème de pouce. rem — relatif à la taille de police racine (par défaut 16px). em — relatif à la taille de police du parent. vw — 1% de la largeur de la fenêtre. vh — 1% de la hauteur de la fenêtre. pt — points (1pt = 1,333px). cm, mm, in — unités physiques.
Comment convertir des unités CSS
Entrez une valeur avec son unité, définissez la taille de police racine (pour les calculs rem) et les dimensions de la fenêtre (pour vw/vh). L'outil affiche les conversions vers toutes les autres unités. Cela aide à assurer que les designs responsifs fonctionnent sur différentes tailles d'écran.
▶Dois-je utiliser px ou rem ?
Utilisez rem pour les tailles de police et l'espacement pour prendre en charge les paramètres d'accessibilité utilisateur (zoom du navigateur). Utilisez px pour les bordures, ombres de boîte et détails fins où un contrôle précis compte. Beaucoup d'équipes adoptent une approche rem-first pour une meilleure accessibilité.
▶Quelle est la taille de police racine par défaut ?
La taille de police racine par défaut dans la plupart des navigateurs est 16px. Donc 1rem = 16px, 1,5rem = 24px. Vous pouvez changer cela avec html { font-size: ... } en CSS.
▶Quand dois-je utiliser vw et vh ?
Utilisez vw/vh pour les mises en page responsives qui s'adaptent à la fenêtre. Les sections hero qui remplissent tout l'écran (100vh), les tailles de police qui s'adaptent à la largeur de la fenêtre et les éléments pleine largeur sont des cas d'utilisation courants.