PX un REM konvertēšanas rīks Apraksts

Vienība Ievads

PX (pikseļi) Absolūta vienība, fiksēts izmērs, ko neietekmē vecākais elements; REM (saknes relatīvā vienība) Pamatojas uz HTML saknes elementa šrifta izmēra dinamisku aprēķinu, piemērots responsīvā izkārtojuma izstrādei.

Pamatfunkcijas

• Inteliģenta konvertēšana： Ievadiet PX vai REM vērtību, automātiski konvertējiet rezultātu abos virzienos. Pielāgojama bāzes vērtība： Noklusējuma aprēķins, pamatojoties uz 16px (pārlūkprogrammas parastais saknes izmērs), atbalsts modifikācijai. Partijas apstrāde： Efektīvai konvertēšanai var ievadīt vairākas vērtības pēc kārtas.

Scenāriji

- Konvertējiet dizaina PX izmēru uz REM vairākām ierīcēm - Pārbaudiet esošā REM izkārtojuma faktisko pikseļu vērtību - Ātri pielāgojiet bāzes mērogu responsīvās izstrādes laikā.

Tehniskais princips

Pārvēršanas formula: REM vērtība = PX vērtība / saknes fonta izmērs Piemēram, ja pamatšrifts ir 16px, 32px = 2rem.

Brīdinājumi

1. Mobilajā izstrādē ieteicams iestatīt saprātīgu saknes fonta izmēru (piemēram, ar multivides vaicājuma palīdzību, lai pielāgotu). 2. Pārrēķināšanai ieteicams izmantot CSS pirmprocesoru vai PostCSS spraudņus, lai panāktu automatizāciju. 3. Lai nodrošinātu precizitāti, aprēķina rezultātos tiek saglabāti 4 cipari aiz komata.