Entrée
16 px (taille de la police racine : 16 px)
Sortie
1rem / 1em (si la taille de la police parente est également de 16 px)
Outils de design
Convertisseur d'unités CSS — px, rem, em, vw
Convertissez entre px, rem, em, pt, vw, vh et %. Personnalisez la taille de la police racine, la taille de la police parent et la taille de la fenêtre d'affichage pour un travail réactif et un transfert de la conception au code.
CSSUnitésConversion
Ajouter cet outil aux favoris
Aucun mode de stockage des favoris n’a été sélectionné.
Actions rapides
Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.
设计配色
Convertisseur d'unités CSS
Cas d’usage
- Convertir les valeurs px de l'outil de conception en rem/em
- Estimer vw/vh à partir de la taille de la fenêtre d'affichage
- Aligner les mathématiques d'espacement sur une ligne de base de taille de police racine partagée
Mode d’emploi
- Entrez une valeur et choisissez l'unité source
- Définissez la taille de la police racine, la taille de la police parent et les lignes de base de la fenêtre d'affichage
- Examinez chaque résultat d'unité et cliquez sur l'un pour le copier
Exemples d’entrée et de sortie
FAQ
Quelle est la différence entre rem et em ?
rem est relatif à la taille de la police racine ; em est relatif à la taille de la police parent. Cet outil utilise les valeurs racine et parent que vous saisissez.
À quoi correspond % ?
Les pourcentages dépendent du contexte. Ici, ils sont approximés à partir de vos lignes de base ; confirmez par rapport à la mise en page réelle avant l'expédition.
Outils
Outils associés
Poursuivez avec un autre outil traduit pour une tâche proche.
Générateur de serrage CSS
Générateur de serrage CSS — Tailles adaptées aux fluides
À partir des largeurs de fenêtre min/max et d'une plage de tailles cible, calculez une formule clamp() pour les tailles de police fluides, l'espacement et d'autres longueurs qui évoluent avec la fenêtre.
CSS clamp Adaptatif
Règle de pixels
Règle de pixels — Taille de l'écran et graduations
Dessinez une règle de pixels horizontale ou verticale sur la page. Ajustez la longueur et l'espacement des graduations, et affichez la taille de la fenêtre ainsi que le rapport en pixels de l'appareil pour vérifier les mesures de pixels CSS par rapport aux mises en page et aux maquettes.
Pixels Règle Mesurer
Calculateur de rapport d’aspect
Calculateur de rapport d’aspect en ligne
Verrouillez un rapport puis calculez la largeur ou la hauteur correspondante. Le traitement s’effectue directement dans votre navigateur afin que vos données restent sur la page.
Ratio Taille Conception