PX į REM keitiklis

Rem įrenginiai leidžia maketus pasiekti – jie keičiasi pagal vartotojo pasirinktą šrifto dydį, tačiau niekas nenori visą dieną dalyti iš 16 savo galvoje. Šis keitiklis tiesiogiai atlieka aritmetiką: pasirinkite kryptį (px → rem, rem → px arba px → em), įveskite reikšmę ir rezultatas iškart pasirodys kartu su kopijavimui paruošta CSS eilute, pvz., šrifto dydis: 0,875rem.

Dėl pagrindinio šrifto dydžio lauko įrankis tinka bet kokiam projektui. Numatytasis naršyklės dydis yra 16 pikselių, taigi 1rem lygus 16 pikselių, tačiau daugelis kodų bazių nustato html { font-size: 62.5% }, kad 1rem būtų lygus 10 pikselių. Įveskite 10 kaip pagrindą ir kiekviena konversijos ir lentelės eilutė seka. Px → em kryptis naudoja tą pačią matematiką pagal pirminio elemento šrifto dydį, o ne šaknį, o tai yra būtent skirtumas tarp em ir rem CSS.

Po rezultatu pateiktoje nuorodų lentelėje rodomi dažniausiai naudojami dizaino dydžiai – 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 ir 64 pikseliai – jau konvertuoti dabartinėje bazėje, o eilutė, atitinkanti pagrindą, paryškinta. Tai yra apgaulės lapelis, kurį kitu atveju laikysite juostele prie monitoriaus, visada sinchronizuodamas su faktiškai naudojamu pagrindu.

Viskas vyksta lokaliai jūsų naršyklėje, kai vedate tekstą: jokio įkėlimo, jokio prisiregistravimo, jokio serverio pirmyn ir atgal. Iš anksto nustatyti puslapiai rem → px, px → em, 10 pikselių bazė ir populiarios reikšmės, pvz., 14, 24 ir 32 px, atidaro keitiklį, paruoštą tiems tiksliems klausimams.