Opis narz?dzia konwersji PX i REM

Jednostka Wprowadzenie

PX (piksele) Jednostka bezwzgl?dna, sta?y rozmiar, na który nie ma wp?ywu element nadrz?dny; REM (jednostka wzgl?dna korzenia) Oparte na g?ównym elemencie HTML dynamicznego obliczania rozmiaru czcionki, odpowiednie do tworzenia responsywnego uk?adu.

Podstawowe funkcje

? Inteligentna konwersja： Wprowadzanie warto?ci PX lub REM, automatyczna konwersja wyniku w obu kierunkach. Konfigurowalna warto?? bazowa： Domy?lne obliczenia oparte na 16px (zwyk?y rozmiar g?ówny przegl?darki), obs?uga modyfikacji. Przetwarzanie wsadowe： Mo?liwo?? wprowadzania wielu warto?ci po kolei w celu wydajnej konwersji.

Scenariusze

- Konwersja rozmiaru PX projektu do REM dla wielu urz?dzeń - Sprawdzenie rzeczywistej warto?ci pikseli istniej?cego uk?adu REM - Szybkie dostosowanie skali bazowej podczas tworzenia responsywnej strony internetowej

Zasada techniczna

Wzór konwersji: Warto?? REM = Warto?? PX / G?ówny rozmiar czcionki Na przyk?ad, je?li podstawowa czcionka ma rozmiar 16px, 32px = 2rem.

Przestrogi

1. w przypadku aplikacji mobilnych zaleca si? ustawienie rozs?dnego rozmiaru czcionki g?ównej (np. za pomoc? zapytania o media w celu dostosowania) 2. do konwersji zaleca si? u?ycie preprocesora CSS lub wtyczek PostCSS w celu uzyskania automatyzacji 3. w wynikach obliczeń zachowano 4 miejsca po przecinku, aby zapewni? precyzj?.