PX ja REM konverteerimisvahendi kirjeldus

Sissejuhatus ühikutesse

PX (pikslid) Absoluutne ühik, fikseeritud suurus, mida ei mõjuta vanemelement; REM (suhteline juurühik) Põhineb HTML juurelemendi kirjasuuruse dünaamilisel arvutamisel, sobib tundliku paigutuse arendamiseks.

Põhifunktsioonid

• Intelligentne teisendamine： Sisestage PX või REM väärtus, teisendage tulemus automaatselt mõlemas suunas. Kohandatav baasväärtus： Vaikimisi arvutus põhineb 16px (brauseri tavaline juursuurus), modifitseerimise tugi. Partii töötlemine： Tõhusaks teisendamiseks saab sisestada mitu väärtust järjestikku.

Stsenaariumid

- Kujunduse PX-suuruse teisendamine REM-suuruseks mitme seadme jaoks - Olemasoleva REM-kujunduse tegeliku piksliväärtuse kontrollimine - Kiire baasskaala kohandamine responsive arenduse ajal

Tehniline põhimõte

Konverteerimisvalem: REM-väärtus = PX-väärtus / põhifondi suurus Näiteks kui algfont on 16 pikslit, siis 32 pikslit = 2rem.

Ettevaatusabinõud

1. mobiilne arendus on soovitatav määrata mõistlik juurfonto suurus (näiteks meediapäringu kaudu kohandada) 2. teisendamine on soovitatav kasutada CSS preprotsessorit või PostCSS pistikprogramme, et saavutada automatiseerimine 3. arvutustulemused säilitasid täpsuse tagamiseks 4 kümnendikohta.