Nástroj pro převod PX a REM Popis

Jednotka Úvod

PX (pixely) Absolutní jednotka, pevná velikost neovlivněná nadřazeným prvkem; REM (kořenová relativní jednotka) Na základě kořenového prvku HTML dynamický výpočet velikosti písma, vhodný pro vývoj responzivního rozvržení.

Základní funkce

• Inteligentní převod： Zadání hodnoty PX nebo REM, automatický převod výsledku v obou směrech. Přizpůsobitelná základní hodnota： Výchozí výpočet založený na 16px (běžná kořenová velikost prohlížeče), podpora úpravy. Dávkové zpracování： Pro efektivní převod lze zadat více hodnot za sebou.

Scénáře

- Převod velikosti PX návrhu na REM pro více zařízení - Kontrola skutečné hodnoty pixelů stávajícího rozložení REM - Rychlá úprava základního měřítka při vývoji responzivního systému.

Technický princip

Převodní vzorec: Hodnota REM = hodnota PX / kořenová velikost písma Například pokud má kořenové písmo velikost 16px, 32px = 2rem.

Upozornění

1. Při vývoji mobilních zařízení se doporučuje nastavit přiměřenou velikost kořenového písma (například prostřednictvím dotazu na média pro úpravu). 2. Pro automatizaci převodu se doporučuje použít preprocesor CSS nebo zásuvné moduly PostCSS. 3. Ve výsledcích výpočtu jsou zachována 4 desetinná místa, aby byla zajištěna přesnost.