Calnex LogoCalnex
design

Convertisseur PX en REM

Convertissez entre pixels CSS (px) et unités rem avec une taille de police de base personnalisable. Inclut un tableau de référence rapide de 1px à 32px. Essentiel pour le design web responsive.

Paramètres

La valeur numérique à convertir.

La taille de la police racine en pixels (le navigateur par défaut est de 16 px)

Choisissez px vers rem ou rem vers px.

Résultats

Valeur Convertie1rem

16px = 1rem (at 16px base)

Autres résultats (2)
Code CSS
font-size: 1rem; /* 16px */

Déclaration CSS prête à l'emploi

Référence rapide (1 px à 32 px)
px | rem
---|---
1 | 0.0625
2 | 0.1250
3 | 0.1875
4 | 0.2500
5 | 0.3125
6 | 0.3750
7 | 0.4375
8 | 0.5000
9 | 0.5625
10 | 0.6250
11 | 0.6875
12 | 0.7500
13 | 0.8125
14 | 0.8750
15 | 0.9375
16 | 1.0000
17 | 1.0625
18 | 1.1250
19 | 1.1875
20 | 1.2500
21 | 1.3125
22 | 1.3750
23 | 1.4375
24 | 1.5000
25 | 1.5625
26 | 1.6250
27 | 1.6875
28 | 1.7500
29 | 1.8125
30 | 1.8750
31 | 1.9375
32 | 2.0000

Reference table: pixels to rem at 16px base

Pourquoi choisir Convertisseur PX en REM

Le convertisseur Px en Rem convertit instantanément les unités CSS pixel et rem pour une conception Web réactive. Entrez n'importe quelle valeur et taille de police de base, et obtenez le résultat converti ainsi qu'un extrait de code CSS prêt à l'emploi et un tableau de référence rapide.

  • ✓Convertit px en rem et rem en px avec n'importe quelle taille de police de base
  • ✓Génère des extraits de code CSS prêts à être copiés
  • ✓Comprend un tableau de référence rapide de 1px à 32px
  • ✓Prend en charge les valeurs fractionnaires pour des conversions précises

Comment utiliser

  1. 1Entrez la valeur que vous souhaitez convertir
  2. 2Définir la taille de police de base (la valeur par défaut est 16 px, celle par défaut du navigateur)
  3. 3Choisissez le sens de conversion : px en rem ou rem en px
  4. 4Afficher la valeur convertie et l'extrait de code CSS
  5. 5Utilisez le tableau de référence pour rechercher rapidement les conversions courantes

Questions fréquentes (FAQ)

Qu’est-ce qu’une unité rem en CSS ?

Un rem (root em) est une unité CSS relative à la taille de la police de l'élément racine (html). Contrairement à em, qui est relatif à l'élément parent, rem fait toujours référence à la même valeur de base, ce qui la rend plus prévisible pour le dimensionnement des éléments imbriqués.

Pourquoi devrais-je utiliser rem au lieu de px ?

L'utilisation de rem permet à votre conception d'évoluer proportionnellement lorsque les utilisateurs modifient la taille de la police de leur navigateur pour plus d'accessibilité. Les pixels sont des unités absolues qui ne répondent pas aux préférences de l'utilisateur, tandis que rem respecte le paramètre de taille de police racine.

Quelle est la taille de police de base par défaut dans les navigateurs ?

All modern browsers default to 16px as the root font size. This means 1rem = 16px by default. However, users can change this in their browser settings, which is why using rem is better for accessibility.

Comment convertir 24px en rem ?

To convert 24px to rem with the default 16px base: 24 ÷ 16 = 1.5rem. Simply divide the pixel value by the base font size.

Puis-je modifier la taille de police de base de mon projet ?

Yes. Many projects set a custom root font size (e.g., 62.5% to make 1rem = 10px for easier math). Enter your project's base font size in the converter to get accurate results.

Références & sources autorisées

CSS Values and Units - MDN Web Docs

Voir la source

rem - CSS: Cascading Style Sheets | MDN

Voir la source

The Battle Between px and rem

Voir la source