PX į REM keitiklis
Konvertuokite px į rem, rem į px ir px į em bet kokiu baziniu šrifto dydžiu, su kopijavimui paruošta CSS eilute ir gyva nuorodų lentele.
🔒 Visiškai apdorojama jūsų naršyklėje – niekas, kurį čia įvedėte, niekada neįkeliama.
Rezultatas
Rem vienetai palaiko maketų prieinamumą – jie keičiasi pagal vartotojo šrifto dydžio nuostatas – tačiau niekas nenori visą dieną mintyse dalinti iš 16. Šis keitiklis atlieka aritmetiką gyvai: pasirinkite kryptį (px → rem, rem → px arba px → em), įveskite reikšmę, ir rezultatas iškart pasirodo kartu su kopijavimui paruošta CSS eilute, pvz., font-size: 0.875rem.
Bazinio šrifto dydžio laukas leidžia įrankį pritaikyti bet kokiam projektui. Numatytasis naršyklės dydis yra 16 px, taigi 1 rem iš karto atitinka 16 px, tačiau daugelyje projektų nustatoma html { font-size: 62.5% }, kad 1 rem reikštų 10 px – įveskite 10 kaip bazinį dydį, ir kiekviena konversija bei lentelės eilutė prisitaiko. Kryptis px → em naudoja tą pačią matematiką, tik vietoje šakninio imamas tėvinio elemento šrifto dydis, o tai ir yra esminis skirtumas tarp em ir rem CSS kalboje.
Po rezultatu pateikiama nuorodų lentelė, rodanti dažniausius dizaino dydžius – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ir 64 pikselius – jau konvertuotus pagal jūsų dabartinį bazinį dydį, o šį bazinį dydį atitinkanti eilutė paryškinta. Tai tarsi tas lapelis, kurį kitaip prisiklijuotumėte prie monitoriaus, tik visada sinchronizuotas su jūsų naudojamu baziniu dydžiu.
Viskas vyksta vietoje jūsų naršyklėje, vos tik pradedate rinkti: jokių įkėlimų, jokios registracijos, jokių užklausų į serverį. Išankstinių nuostatų puslapiai, skirti rem → px, px → em, 10 px bazei ir populiarioms reikšmėms, pavyzdžiui, 14, 24 ir 32 px, atidaro keitiklį jau sukonfigūruotą būtent tiems klausimams.