Pretvornik PX v REM

Enote rem ohranjajo postavitve dostopne – prilagajajo se uporabnikovi nastavitvi velikosti pisave – vendar nihče noče ves dan v mislih deliti s 16. Ta pretvornik izvaja aritmetiko v živo: izberite smer (px → rem, rem → px ali px → em), vpišite vrednost in rezultat se prikaže v trenutku skupaj z vrstico CSS, pripravljeno za kopiranje, na primer font-size: 0.875rem.

Polje za osnovno velikost pisave omogoča, da orodje ustreza vsakemu projektu. Privzeta brskalnikova velikost je 16 px, zato je 1 rem privzeto enak 16 px, vendar mnoge kode nastavijo html { font-size: 62.5% }, da je 1 rem enak 10 px – vnesite 10 kot osnovo in vsaka pretvorba ter vsaka vrstica tabele ji bo sledila. Smer px → em uporablja isto matematiko glede na velikost pisave starševskega elementa namesto glede na koren, kar je točno razlika med em in rem v CSS.

Pod rezultatom referenčna tabela prikazuje najpogostejše oblikovalske velikosti – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 in 64 pikslov – že pretvorjene pri vaši trenutni osnovi, pri čemer je vrstica, ki ustreza osnovi, označena. To je goljufija, ki bi jo sicer imeli prilepljeno na monitorju, vedno usklajena z osnovo, ki jo dejansko uporabljate.

Vse poteka lokalno v vašem brskalniku, medtem ko tipkate: brez nalaganja, brez prijave, brez strežniškega klica. Prednastavljene strani za rem → px, px → em, 10 px osnovo in priljubljene vrednosti, kot so 14, 24 in 32 px, odprejo pretvornik že pripravljen za ta specifična vprašanja.