⭐ 0
🔍
Teksti Kuva PDF & Docs Ääni Musiikki Elektroniikka Aika Apuohjelmat Validaattorit Esoteerinen Pelit

PX-REM-muunnin 10px-pohjalla

Muunna px rem-muotoon, rem px-muotoon ja px em:ksi millä tahansa peruskirjasinkoolla, kopiointivalmiilla CSS-rivillä ja elävällä viitetaulukolla.

Käsitellään... 0%

Tulos

Tämä sivu avaa muuntimen, jonka peruskirjasinkooksi on asetettu 10 pikseliä. Tämä on klassinen html { font-size: 62.5% } -asetus: 62,5 % 16px-selaimen oletusarvosta on täsmälleen 10px, joten rem-arvoista tulee triviaalisti luettavia - 14px on 1,4rem, 18px on 1,8rem, 24px on 2,4rem.

Joukkueet ottavat käyttöön 10 kuvapisteen perustan tarkasti välttääkseen hankalia kuudestoistaosia: sen sijaan, että muistaisit, että 14 kuvapistettä on 0,875 rem, siirrät vain desimaalipistettä. Koska temppu käyttää prosenttiosuutta kiinteän pikseliarvon sijaan, se noudattaa silti käyttäjän selaimen asetuksissa määrittämää kirjasinkokoa, mikä on koko saavutettavuusargumentti rem-yksiköille.

Kirjoita mikä tahansa pikseliarvo saadaksesi sen rem-vastineen 10 pikselin pohjalta yhdessä kopiovalmiiden CSS-rivien kanssa ja tarkista alla olevasta viitetaulukosta koko jo muunnettu 1–64 pikselin mittakaava. Jos projektisi käyttää eri juurikokoa, vaihda peruskenttää ja kaikki seuraa livenä.

🛡️
Suoritetaan selaimessa

Tiedostosi ja syötteesi eivät koskaan poistu tältä laitteelta. Käsittely toimii täysin offline-tilassa. 100 % turvallinen.

Hyväksytyt muodot ja säännöt

  • Kolme suuntaa yhdessä valitsimessa: px → rem, rem → px ja px → em.
  • Säädettävä peruskirjasinkoko (oletuksena 16px), jota sovelletaan tulokseen ja jokaiseen taulukon riviin.
  • Viitetaulukko yleisille kokoille 1–64 pikseliä, joka on laskettu uudelleen nykyiselle pohjalle perusrivi korostettuna.

Tärkeimmät edut

✓ Muunnettu arvo, CSS-rivi ja viitetaulukko päivittyvät kirjoittaessasi – painiketta ei tarvitse painaa.
✓ Perusfontin koko on säädettävissä, joten 10 kuvapisteen perusprojektit ja mukautetut typografiset asteikot toimivat yhtä hyvin kuin oletusarvo 16 kuvapistettä.
✓ Toimii kokonaan selaimessasi: mitään ei ladata, ja kopiointivalmis CSS-rivi on yhden napsautuksen päässä.

Käyttötapaukset

  • • Muuta pikseliarvo suunnittelumallista tyylisivun tarvitsemaksi.
  • • Muunna jonkun muun CSS:n rem-arvot takaisin pikseleiksi vastaamaan spesifikaatiota.
  • • Muokkaa koko typografinen asteikko uudelleen, kun olet vaihtanut 10 kuvapisteen (62,5 %) juurikirjasinkokoon.