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.