PX-REM-muunnin

Rem-yksiköt pitävät asettelut saatavilla – ne skaalautuvat käyttäjän kirjasinkoon mukaan – mutta kukaan ei halua jakaa 16:lla päässään koko päivää. Tämä muunnin suorittaa aritmeettisen suorituksen: valitse suunta (px → rem, rem → px tai px → em), kirjoita arvo, ja tulos tulee välittömästi näkyviin yhdessä kopiovalmiiden CSS-rivien kanssa, kuten font-size: 0.875rem.

Peruskirjasinkokokentän ansiosta työkalu sopii mihin tahansa projektiin. Selaimen oletusarvo on 16 pikseliä, joten 1rem on 16 kuvapistettä valmiina, mutta monet koodikannat asettavat html:n { font-size: 62.5% } niin, että 1rem on yhtä kuin 10 pikseliä – kirjoita pohjaksi 10 ja jokainen muunnos ja taulukon rivi seuraa sitä. Px → em-suunta käyttää samaa matematiikkaa yläelementin kirjasinkokoa vastaan ​​juuren sijaan, mikä on täsmälleen ero CSS:n em:n ja rem:n välillä.

Tuloksen alla olevassa viitetaulukossa näkyvät yleisimmät suunnittelukoot – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ja 64 pikseliä – jotka on jo muunnettu nykyisellä pohjallasi, ja pohjaa vastaava rivi on korostettuna. Se on huijausarkki, jonka muuten teipaisit näyttöön, aina synkronoituna tosiasiallisesti käyttämäsi tukiaseman kanssa.

Kaikki tapahtuu paikallisesti selaimessasi kirjoittaessasi: ei latausta, ei kirjautumista, ei edestakaista palvelinta. Esiasetetut sivut rem → px, px → em, 10px-perusarvot ja suositut arvot, kuten 14, 24 ja 32 px, avaa muuntimen, joka on valmiiksi konfiguroitu näitä täsmällisiä kysymyksiä varten.