PX pretvarač u REM s bazom od 10 piksela
Pretvorite px u rem, rem u px i px u em u bilo kojoj osnovnoj veličini fonta, uz CSS redak spreman za kopiranje i referentnu tablicu uživo.
Rezultat
Ova stranica otvara pretvarač s osnovnom veličinom fonta unaprijed postavljenom na 10 px. To je klasična html {font-size: 62.5%} postavka: 62.5% od 16px zadane veličine preglednika je točno 10px, tako da rem vrijednosti postaju trivijalno čitljive — 14px je 1.4rem, 18px je 1.8rem, 24px je 2.4rem.
Timovi usvajaju bazu od 10 piksela upravo kako bi izbjegli neugodne šesnaestine: umjesto da zapamtite da je 14 piksela 0,875 rem, samo pomaknete decimalnu točku. Budući da trik koristi postotak, a ne fiksnu vrijednost piksela, još uvijek poštuje veličinu fonta koju korisnik postavi u postavkama preglednika, što je cijeli argument pristupačnosti za rem jedinice na prvom mjestu.
Upišite bilo koju vrijednost piksela da dobijete njegov rem ekvivalent na bazi od 10 piksela zajedno s CSS linijom spremnom za kopiranje i provjerite referentnu tablicu u nastavku za cijelo mjerilo od 1 do 64 piksela koje je već pretvoreno. Ako vaš projekt koristi drugu veličinu korijena, promijenite osnovno polje i sve slijedi uživo.