Calnex LogoCalnex
design

Convertitore PX a REM

Converti tra pixel CSS (px) e unità rem con una dimensione del font base personalizzabile. Include una tabella di riferimento rapido da 1px a 32px. Essenziale per il web design responsive.

Parametri

Il valore numerico da convertire.

La dimensione del carattere principale in pixel (il browser predefinito è 16px)

Scegli px a rem o rem a px.

Risultati

Valore Convertito1rem

16px = 1rem (at 16px base)

Altri risultati (2)
Codice CSS
font-size: 1rem; /* 16px */

Dichiarazione CSS pronta all'uso

Riferimento rapido (1px–32px)
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

Perché scegliere Convertitore PX a REM

Il convertitore da Px a Rem converte istantaneamente tra unità CSS pixel e rem per un web design reattivo. Inserisci qualsiasi valore e dimensione del carattere di base e ottieni il risultato convertito insieme a uno snippet di codice CSS pronto all'uso e una tabella di riferimento rapido.

  • ✓Converte px in rem e rem in px con qualsiasi dimensione di carattere di base
  • ✓Genera frammenti di codice CSS pronti per la copia
  • ✓Include una tabella di riferimento rapido da 1px a 32px
  • ✓Supporta valori frazionari per conversioni precise

Come usare

  1. 1Inserisci il valore che desideri convertire
  2. 2Imposta la dimensione del carattere di base (l'impostazione predefinita è 16px, l'impostazione predefinita del browser)
  3. 3Scegli la direzione di conversione: px in rem o rem in px
  4. 4Visualizza il valore convertito e lo snippet di codice CSS
  5. 5Utilizza la tabella di riferimento per cercare rapidamente le conversioni comuni

Domande frequenti (FAQ)

Cos'è un'unità rem nei CSS?

Un rem (root em) è un'unità CSS relativa alla dimensione del carattere dell'elemento root (html). A differenza di em, che è relativo all'elemento genitore, rem si riferisce sempre allo stesso valore base, rendendolo più prevedibile per il dimensionamento degli elementi nidificati.

Perché dovrei usare rem invece di px?

L'utilizzo di rem consente al tuo progetto di ridimensionarsi proporzionalmente quando gli utenti modificano la dimensione del carattere del browser per l'accessibilità. I pixel sono unità assolute che non rispondono alle preferenze dell'utente, mentre rem rispetta l'impostazione della dimensione del carattere root.

Qual è la dimensione del carattere di base predefinita nei browser?

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.

Come converto 24px in 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.

Posso modificare la dimensione del carattere di base per il mio progetto?

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.

Riferimenti e fonti autorevoli

CSS Values and Units - MDN Web Docs

Vedi fonte

rem - CSS: Cascading Style Sheets | MDN

Vedi fonte

The Battle Between px and rem

Vedi fonte