CSS vienetų konvertavimas yra procesas, kai vieni ilgio vienetai (px, em, rem, %, vw, vh ir kt.) keičiami į kitus, naudojamus tinklalapių dizainui.
Absoliutūs ir reliatyvūs vienetai
CSS vienetai iš esmės skirstomi į absoliučius ir reliatyvius. Absoliutūs vienetai (px, pt, cm ir kt.) turi fiksuotą dydį, o reliatyvūs (em, rem, %, vw, vh ir kt.) išreiškiami kaip santykis su pagrindine verte.
px (Pikselis)
Dažniausiai naudojamas vienetas, reiškiantis vieną tašką ekrane. Lengva manipuliuoti dėl fiksuoto dydžio, tačiau jis gali kelti prieinamumo iššūkių, nes nepaiso vartotojo šrifto nustatymų.
em (Em)
Reliatyvus vienetas, pagrįstas tėvo elemento šrifto dydžiu. 1em = tėvo font-size. Giliais įdėtais sluoksniais skaičiavimas gali susidėti ir sukelti netikėtus dydžius.
rem (Root Em)
Reliatyvus vienetas, pagrįstas root elemento (html) šrifto dydžiu. 1rem = html font-size (paprastai 16px). Skirtingai nuo em, neįtakoja įdėtas struktūras ir rekomenduojamas moderniame CSS.
% (Procentai)
Atspindi santykį su tėvo elemento dydžiu. Font-size atveju remiasi tėvo font-size; pločio atveju – tėvo pločiu. Bazė priklauso nuo savybės.
vw/vh (Viewport vienetai)
Vienetai, pagrįsti peržiūros srities dydžiu. 1vw = 1% peržiūros pločio, 1vh = 1% peržiūros aukščio. Leidžia kurti lanksčius išdėstymus reaguojančius į ekrano dydį.
pt/pc (Spaudos vienetai)
Vienetai naudojami spaudos pramonėje. 1pt = 1/72 colio, 1pc = 12pt. Naudojami spausdinimo CSS ir PDF generavime; ekrane dažniau naudojami px arba rem.
Fiziniai vienetai (cm/mm/in)
Vienetai žymintys fizinį ilgį. 1in = 2.54cm = 25.4mm = 96px (CSS apibrėžimas). Naudojami kai reikia suderinti su spausdintais medžiagomis, tačiau ekrano fizinis dydis nėra garantuotas.
Realaus laiko konversijos privalumai
Šis įrankis palaiko realaus laiko konversiją ir iškart atnaujina rezultatus keičiant bazines reikšmes. Leidžia greitai patikrinti išvaizdą skirtingose ekrano dydžiuose ir su skirtingais šrifto nustatymais.