Nástroj na konverziu PX a REM Popis

Jednotka Úvod

PX (pixely) Absolútna jednotka, pevná veľkosť neovplyvnená nadradeným prvkom; REM (koreňová relatívna jednotka) Na základe koreňového prvku HTML dynamický výpočet veľkosti písma, vhodný na vývoj responzívneho rozloženia.

Základné funkcie

• Inteligentný prevod： Zadanie hodnoty PX alebo REM, automatický prevod výsledku v oboch smeroch. Prispôsobiteľná základná hodnota： Predvolený výpočet založený na 16px (bežná koreňová veľkosť prehliadača), podpora úpravy. Dávkové spracovanie： Na efektívny prevod možno postupne zadať viacero hodnôt.

Scenáre

- Prevod veľkosti PX návrhu na REM pre viacero zariadení - Kontrola skutočnej hodnoty pixelov existujúceho rozloženia REM - Rýchla úprava základnej mierky počas vývoja responzívneho systému

Technický princíp

Vzorec prepočtu: Hodnota REM = hodnota PX / koreňová veľkosť písma Napríklad ak je veľkosť koreňového písma 16px, 32px = 2rem.

Upozornenia

1. Pri mobilnom vývoji sa odporúča nastaviť primeranú veľkosť koreňového písma (napríklad prostredníctvom mediálneho dotazu na úpravu). 2. Na dosiahnutie automatizácie prevodu sa odporúča použiť preprocesor CSS alebo zásuvné moduly PostCSS. 3. Vo výsledkoch výpočtu sú zachované 4 desatinné miesta, aby sa zabezpečila presnosť.