PX → REM -muunnin

Rem-yksiköt pitävät asettelut saavutettavina – ne skaalautuvat käyttäjän fonttikokovalinnan mukaan – mutta kukaan ei halua jaella 16:lla päässään koko päivää. Tämä muunnin tekee laskutoimituksen reaaliaikaisesti: valitse suunta (px → rem, rem → px tai px → em), kirjoita arvo, ja tulos ilmestyy välittömästi kopiointivalmiin CSS-rivin, kuten font-size: 0.875rem;, kera.

Perusfonttikokokenttä saa työkalun sopimaan mihin tahansa projektiin. Selaimen oletus on 16px, joten 1rem on suoraan 16px, mutta monet koodikannat asettavat html { font-size: 62,5 % }, jolloin 1rem on 10px – syötä 10 peruskooksi, niin jokainen muunnos ja taulukon rivi seuraa. px → em -suunta käyttää samaa matematiikkaa ylätason elementin fonttikokoon juurielementin sijasta, mikä on juuri ero em:n ja rem:n välillä CSS:ssä.

Tuloksen alla viitetaulukko näyttää yleisimmät suunnittelukoot – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ja 64 pikseliä – valmiiksi muunnettuna nykyisellä peruskoollasi, ja peruskokoa vastaava rivi on korostettuna. Se on se lunttilappu, jonka muuten teippaisit näyttöösi, aina synkronoituna todellisen peruskokosi kanssa.

Kaikki tapahtuu paikallisesti selaimessasi kirjoittaessasi: ei lähetyksiä, ei rekisteröitymistä, ei palvelinkutsuja. Esiasennetut sivut kohteille rem → px, px → em, 10px-peruskoko ja suosituille arvoille kuten 14, 24 ja 32 px avaavat muuntimen valmiiksi määritettynä juuri näihin kysymyksiin.