PX till REM-omvandlare med 10px bas

Den här sidan öppnar omvandlaren med den förinställda teckenstorleken på 10px. Det är den klassiska html { font-size: 62.5% }-inställningen: 62.5% av 16px webbläsarstandard är exakt 10px, så rem-värden blir trivialt läsbara - 14px är 1.4rem, 18px är 1.8rem, 24px är 2.4rem.

Lag använder 10px-basen exakt för att undvika besvärliga sextondelar: istället för att komma ihåg att 14px är 0,875rem, flyttar du bara decimalkomma. Eftersom tricket använder en procentandel snarare än ett fast pixelvärde, respekterar det fortfarande teckensnittsstorleken en användare anger i webbläsarinställningar, vilket är hela tillgänglighetsargumentet för rem-enheter i första hand.

Skriv valfritt pixelvärde för att få dess rem-ekvivalent vid 10px-basen tillsammans med en kopieringsklar CSS-rad, och kontrollera referenstabellen nedan för hela 1–64 px-skalan som redan konverterats. Om ditt projekt använder en annan rotstorlek, ändra basfältet och allt följer live.