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ę.