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.