CSS-yksikkömuunnin

Muuntaa yksittäisen pituusarvon yhdeksän CSS-yksikön järjestelmän välillä: px, rem, em, vw, vh, pt, cm, mm ja in. Muunnokset menevät pikselien kautta yhteisenä kantalukuna, käyttäen määritettävää juurifonttikokoa rem/em:lle ja määritettävää näkymäkokoa vw/vh:lle. Kaikki kahdeksan muuta yksikköä näytetään kerralla tulosruudukossa.

1. Anna muunnettava arvo numeerisessa syötteessä. 2. Valitse lähdeyksikkö vieressä olevasta pudotusvalikosta. 3. Aseta Juurifonttikoko (käytetään rem:lle ja em:lle; oletus 16px). 4. Aseta Näkymän leveys ja korkeus (käytetään vw:lle ja vh:lle; oletus 1920x1080). 5. Lue vastaavat arvot jokaiselle muulle yksikölle tulosruudukosta.

Kaikki muunnetaan ensin px:ksi, sitten kohdeyksikköön. px on identiteetti. rem ja em molemmat kertovat/jaavat juurifonttikoko (em käyttää tässä samaa juurta, ei ylätason fonttikokoa). vw ja vh käyttävät (arvo/100) * näkymän dimensio. pt käyttää 96/72, cm käyttää 96/2.54, mm käyttää 96/25.4, in käyttää 96 — kaikki CSS-speksin mukaisesti 96 CSS-pikseliä tuumaa kohden. Tulokset käyttävät jopa 6 desimaalia, ja 0 näytetään erittäin pienille arvoille.