Convertitore da PX a REM

Le unità Rem mantengono i layout accessibili - si adattano alla preferenza della dimensione del carattere dell'utente - ma nessuno vuole dividere per 16 nella sua testa tutto il giorno. Questo convertitore esegue i calcoli dal vivo: scegli la direzione (px → rem, rem → px o px → em), digita il valore e il risultato appare immediatamente insieme a una riga CSS pronta per la copia come font-size: 0.875rem.

Il campo della dimensione del carattere di base rende lo strumento adatto a qualsiasi progetto. L'impostazione predefinita del browser è 16px, quindi 1rem equivale a 16px immediatamente, ma molte basi di codice impostano html { font-size: 62,5% } per rendere 1rem uguale a 10px: inserisci 10 come base e segue ogni conversione e riga della tabella. La direzione px → em utilizza la stessa matematica rispetto alla dimensione del carattere dell'elemento genitore anziché alla radice, che è esattamente la differenza tra em e rem nei CSS.

Sotto il risultato, una tabella di riferimento mostra le dimensioni dei disegni più comuni (1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 e 64 pixel) già convertite alla base corrente, con la riga corrispondente alla base evidenziata. È il foglietto illustrativo che altrimenti terresti registrato sul tuo monitor, sempre sincronizzato con la base che usi effettivamente.

Tutto avviene localmente nel tuo browser durante la digitazione: nessun caricamento, nessuna registrazione, nessun viaggio di andata e ritorno sul server. Le pagine preimpostate per rem → px, px → em, la base 10px e valori popolari come 14, 24 e 32 px aprono il convertitore già configurato per quelle esatte domande.