Pretvorba enot CSS je postopek prevajanja med različnimi enotami dolžine (px, em, rem, %, vw, vh itd.), ki se uporabljajo v spletni zasnovi.
Absolutne in relativne enote
CSS enote so na splošno razdeljene na absolutne in relativne. Absolutne enote (px, pt, cm itd.) imajo fiksne velikosti, relativne enote (em, rem, %, vw, vh itd.) pa so izražene kot razmerje do osnovne vrednosti.
px (Piksel)
Najpogostejša enota, ki predstavlja eno točko na zaslonu. Enostavna za uporabo pri fiksni velikosti, vendar lahko povzroča težave z dostopnostjo, ker ignorira nastavitve pisave uporabnika.
em (Em)
Relativna enota, osnovana na velikosti pisave nadrejenega elementa. 1em = font-size nadrejenega. V zloženih strukturah se vrednosti seštevajo, kar lahko vodi do nepričakovanih velikosti.
rem (Root Em)
Relativna enota, osnovana na velikosti pisave korena (html). 1rem = font-size html (običajno 16px). Za razliko od em ni odvisen od vnosa, priporočljiv v sodobnem CSS.
% (Procent)
Predstavlja razmerje do velikosti nadrejenega elementa. Za font-size se nanaša na nadrejenega; za width na širino nadrejenega. Osnova se razlikuje glede na lastnost.
vw/vh (Viewport enote)
Enote, ki temeljijo na velikosti okna pogleda. 1vw = 1% širine viewporta, 1vh = 1% višine viewporta. Omogočajo prilagodljive postavitve, ki se odzivajo na velikost zaslona.
pt/pc (Tiskalne enote)
Enote, uporabljene v tiskarski industriji. 1pt = 1/72 palca, 1pc = 12pt. Uporabljajo se v tiskalnem CSS in pri ustvarjanju PDF; za zaslon se običajno uporabljata px ali rem.
Fizične enote (cm/mm/in)
Enote, ki predstavljajo dejansko fizično dolžino. 1in = 2.54cm = 25.4mm = 96px (definicija CSS). Uporabne, ko je potrebna skladnost s tiskanimi materiali, vendar fizična velikost zaslona ni zagotovljena.
Prednosti pretvorbe v realnem času
To orodje podpira pretvorbo v realnem času in takoj posodobi rezultate ob spremembi osnovnih vrednosti. Omogoča hitro preverjanje izgleda na različnih zaslonih in nastavitvah pisave.