Convertitore PX in REM

REM (root em) è sempre relativo alla dimensione del carattere dell'elemento radice (html) — coerente e prevedibile in tutta la pagina. EM è relativo all'elemento genitore, il che significa che si accumula: se un genitore è 1.2em e il figlio è anch'esso 1.2em, il figlio risulterà a 1.44 volte la dimensione radice. Usa REM per le dimensioni dei caratteri e per gli spaziamenti coerenti; usa EM quando desideri intenzionalmente una scala relativa alla propria dimensione del carattere di un componente (come il padding su un pulsante).

REM rispetta la preferenza dell'utente per la dimensione del carattere nel browser. Se un utente imposta il browser predefinito a 20px per l'accessibilità, 1rem diventa 20px e il tuo layout si scala proporzionalmente. I valori PX sono fissi e ignorano questa preferenza. L'uso di REM rende il tuo sito più accessibile e facile da scalare con un singolo cambio della root font-size.

PT (points) è un'unità di stampa: 1pt = 1/72 pollici. Per il web, 12pt = 16px a una risoluzione dello schermo standard. PT viene occasionalmente utilizzato per fogli di stile di stampa (@media print) ma raramente nel CSS web regolare. Usa PX, REM o EM per i layout dello schermo.

Inserisci più valori PX, uno per riga, nel campo Bulk Converter e clicca su Convert. Otterrai gli equivalenti in REM, EM e PT per ogni valore in una singola tabella. Utile quando si migra un design system o si converte un foglio di stile esistente da PX a REM tutto in una volta.

La sezione CSS Variables genera dichiarazioni di proprietà personalizzate CSS pronte da copiare dai risultati della tua conversione massiva. Ad esempio: --font-sm: 0.875rem; --font-base: 1rem; --font-lg: 1.25rem. Puoi incollarli direttamente nel tuo blocco :root {}.

Usa qualsiasi dimensione di carattere tu abbia impostato sull'elemento html nel tuo CSS. Se non hai impostato nulla, il valore predefinito è quello del browser (16px). Alcuni sviluppatori impostano html { font-size: 62.5% } per rendere 1rem = 10px e facilitare i calcoli mentali (ad esempio, 24px = 2.4rem). Cambia l'input della dimensione base per corrispondere alla reale root font-size del tuo progetto.

No. Tutte le conversioni vengono calcolate localmente nel tuo browser con JavaScript. Nulla viene trasmesso o archiviato. Puoi usarlo offline dopo il caricamento della pagina.