Konwerter PX na REM z podstawą 10px
Konwertuj px na rem, rem na px i px na em przy dowolnym podstawowym rozmiarze czcionki, za pomocą gotowej do kopiowania linii CSS i działającej tabeli referencyjnej.
Wynik
Na tej stronie otwiera się konwerter z domyślnym rozmiarem czcionki ustawionym na 10px. To jest klasyczna konfiguracja HTML {font-size: 62,5% }: 62,5% domyślnej przeglądarki 16px to dokładnie 10px, więc wartości rem stają się trywialnie czytelne — 14px to 1,4rem, 18px to 1,8rem, 24px to 2,4rem.
Zespoły przyjmują podstawę 10 pikseli dokładnie, aby uniknąć niewygodnych szesnastek: zamiast pamiętać, że 14 pikseli to 0,875 rem, po prostu przesuwasz przecinek dziesiętny. Ponieważ sztuczka wykorzystuje wartość procentową, a nie stałą wartość piksela, nadal uwzględnia rozmiar czcionki ustawiony przez użytkownika w preferencjach przeglądarki, co jest przede wszystkim argumentem dostępności dla jednostek rem.
Wpisz dowolną wartość piksela, aby uzyskać jego odpowiednik rem przy podstawie 10 pikseli wraz z linią CSS gotową do kopiowania i sprawdź poniższą tabelę referencyjną dla całej przekonwertowanej skali 1–64 pikseli. Jeśli Twój projekt używa innego rozmiaru głównego, zmień pole podstawowe, a wszystko będzie działać.