Konwerter PX na REM

Jednostki Rem zapewniają dostępność układów — skalują się zgodnie z preferencjami użytkownika dotyczącymi rozmiaru czcionki — ale nikt nie chce w głowie dzielić przez 16 przez cały dzień. Ten konwerter wykonuje arytmetykę na żywo: wybierz kierunek (px → rem, rem → px lub px → em), wpisz wartość, a wynik pojawi się natychmiast wraz z gotową do kopiowania linią CSS, taką jak rozmiar czcionki: 0,875rem.

Pole podstawowego rozmiaru czcionki sprawia, że ​​narzędzie pasuje do każdego projektu. Domyślna wielkość przeglądarki to 16 pikseli, więc 1rem równa się 16 pikseli od razu po wyjęciu z pudełka, ale wiele baz kodów ustawia html {font-size: 62,5% }, aby 1rem było równe 10 pikseli — wprowadź 10 jako podstawę, a następnie każdy wiersz konwersji i tabeli. Kierunek px → em wykorzystuje tę samą matematykę w odniesieniu do rozmiaru czcionki elementu nadrzędnego zamiast pierwiastka, co jest dokładnie różnicą między em i rem w CSS.

Poniżej wyniku znajduje się tabela referencyjna przedstawiająca najpopularniejsze rozmiary projektów — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 i 64 piksele — już przekonwertowane przy użyciu bieżącej podstawy, z podświetlonym wierszem odpowiadającym podstawie. Jest to ściągawka, którą w przeciwnym razie trzymałbyś na taśmie na monitorze, zawsze zsynchronizowaną z bazą, z której faktycznie korzystasz.

Wszystko dzieje się lokalnie w przeglądarce podczas pisania: bez przesyłania, bez rejestracji, bez przełączania serwera w obie strony. Wstępnie ustawione strony dla rem → px, px → em, podstawa 10px i popularne wartości, takie jak 14, 24 i 32 px, otwierają konwerter gotowy do skonfigurowania dla tych właśnie pytań.