PX REM-muunnin | Kehittäjätyökalut verkossa

PX ↔ REM -muunnin

Perusfonttikoko: px

PX → REM

—

REM → PX

rem

—

Viitetaulukko

px	rem	em

Mitä eroa on PX:llä ja REM:llä?

PX (pikselit) on absoluuttinen yksikkö — se renderöidään aina samassa fyysisessä koossa. REM (root em) on suhteellinen yksikkö, joka perustuu juurielementin fonttikokoon (yleensä oletuksena 16px selaimissa). REM:n käyttäminen helpottaa saavutettavien ja skaalautuvien asettelujen luomista, jotka kunnioittavat käyttäjän fonttikokomieltymyksiä.

PX REM-muuntimen käyttäminen

Aseta perusfonttikoko (oletus on 16px — vastaa useimpia selaimia).
Syötä pikseliarvo nähdäksesi vastaavan REM-arvon.
Tai syötä REM-arvo muuntaaksesi sen takaisin pikseliksi.
Käytä alla olevaa viitetaulukkoa yleisten kokoyksikkömuunnosten apuna.

Kaava: rem = px ÷ perusfonttikoko. Oletuspohjalle 16px: 1rem = 16px, 0.5rem = 8px, 1.5rem = 24px. Kaikki laskelmat tapahtuvat välittömästi selaimessasi.

Keywords: px rem-muunnin, rem px-muunnin, pikselit remiksi, CSS-yksikkömuunnin, fonttikokoa muunnin, responsiivinen suunnittelu, rem-laskin