PX ir REM konvertavimo įrankis Aprašymas

Vieneto įvadas

PX (pikseliai) Absoliutus vienetas, fiksuotas dydis, kuriam tėvinis elementas neturi įtakos; REM (šakninis santykinis vienetas) Remiantis HTML šakniniu elementu dinamiškai apskaičiuojamas šrifto dydis, tinka reaguojančiam išdėstymui kurti.

Pagrindinės funkcijos

• Pažangus konvertavimas： Įveskite PX arba REM reikšmę, automatiškai konvertuokite rezultatą abiem kryptimis. Pritaikoma bazinė vertė： Numatytasis skaičiavimas pagal 16px (įprastas naršyklės šaknies dydis), palaikoma galimybė keisti. Paketinis apdorojimas： Galima įvesti kelias vertes iš eilės, kad konvertavimas būtų efektyvus.

Scenarijai

- Konvertuokite dizaino PX dydį į REM keliems įrenginiams - Patikrinkite esamo REM maketo faktinę pikselių vertę - Greitai sureguliuokite bazinį mastelį kurdami reaguojantį maketą

Techninis principas

Konvertavimo formulė: REM vertė = PX vertė / šakninis šrifto dydis Pavyzdžiui, jei pagrindinis šriftas yra 16px, 32px = 2rem.

Įspėjimai

1. Kuriant mobiliuosius įrenginius rekomenduojama nustatyti priimtiną šakninio šrifto dydį (pvz., per medijos užklausą, kad būtų galima koreguoti). 2. Konvertuojant rekomenduojama naudoti CSS preprocesorių arba PostCSS įskiepius, kad būtų pasiektas automatizavimas. 3. Siekiant užtikrinti tikslumą, skaičiavimo rezultatuose išlaikomi 4 skaitmenys po kablelio.