Da pixel CSS a rem
Dividi una misura CSS in pixel per la dimensione del carattere radice scelta.
Provare un esempio guidato
Provare un esempio guidato
Da pixel CSS a rem
Controlla le unità e le opzioni, poi usa il pulsante di calcolo dello strumento. L’esempio è fittizio; sostituisci i valori per il tuo calcolo.
Testo di esempio
- Valore in pixel CSS
- 24
- Dimensione carattere radice (px)
- 16
Risultato previsto
24px ÷ 16px = 1.5rem
Il valore in rem è il numero di pixel diviso per la dimensione del carattere dell’elemento radice. Il campo parte da 16 pixel.
In attesa dello strumento. La spiegazione resta disponibile senza JavaScript.
Metodo e limiti
Inserisci pixel non negativi e una dimensione radice positiva. Premi Converti in rem; 24 pixel con radice di 16 pixel danno 1.5rem.
16 pixel è solo un valore iniziale: lo strumento non legge il foglio di stile. Il risultato è arrotondato a un massimo di sei decimali e valori molto piccoli possono apparire come 0rem. La sintassi CSS del risultato mantiene il punto decimale.
Condividi questo strumento
Viene condiviso solo il link pubblico dello strumento. I dati inseriti e i risultati rimangono qui.
Mostra il link da copiare manualmente
In breve
Il valore in rem è il numero di pixel diviso per la dimensione del carattere dell’elemento radice. Il campo parte da 16 pixel.
Questi strumenti elaborano i dati nel browser dopo il caricamento della pagina. I calcoli non inviano le tue immissioni o i risultati a un servizio remoto. Il sito richiede comunque il codice e le risorse della pagina e, se acconsenti, usa Google Analytics per i dati di visita.
Domande frequenti
Che cosa significa 1rem?
Dipende dalla dimensione del carattere dell’elemento radice, di solito <html>. Il valore iniziale comune è 16px, ma preferenze dell’utente e CSS possono cambiarlo.
Lo strumento legge il mio foglio di stile?
No. Usa la dimensione radice inserita. Mantieni 16px solo se corrisponde alla tua pagina; altrimenti inserisci la dimensione usata nel progetto.
Come viene calcolata la conversione?
Dividi i pixel per la dimensione del carattere radice. Per esempio, 24px ÷ 16px = 1.5rem.
Fonti e riferimenti
Questi riferimenti documentano lo standard o l’API del browser citati; non convalidano i risultati dello strumento.