Konwerter PX na REM
Przelicz wartość pikseli CSS na rem przy wybranym rozmiarze czcionki elementu głównego.
Wypróbuj przykład z objaśnieniem
Wypróbuj przykład z objaśnieniem
Przelicz wartość pikseli CSS na rem przy wybranym rozmiarze czcionki elementu głównego.
Sprawdź jednostki i opcje, a następnie użyj przycisku obliczania. Przykład jest fikcyjny; zastąp wartości własnymi danymi.
Przykładowy tekst
- Wartość w pikselach CSS
- 24
- Rozmiar czcionki elementu głównego (px)
- 16
Oczekiwany wynik
24px ÷ 16px = 1.5rem
Przelicz długość w pikselach CSS na rem, dzieląc ją przez rozmiar czcionki elementu głównego. Przy rozmiarze 16px wartość 24px to 1.5rem. Początkowe 16px jest tylko wygodnym punktem wyjścia; użyj wartości ustawionej w swoim projekcie.
Oczekiwanie na narzędzie. Objaśnienie jest dostępne również bez JavaScript.
Metoda i ograniczenia
Wprowadź wartość CSS w pikselach i rozmiar czcionki elementu głównego dokumentu. Pole rozmiaru bazowego ma początkowo wartość 16px; w razie potrzeby dopasuj ją do arkusza stylów. Narzędzie dzieli piksele przez rozmiar bazowy, zwracając rem.
Wprowadź nieujemną wartość pikseli CSS i dodatni rozmiar czcionki elementu głównego. Wynik jest zaokrąglany do najwyżej sześciu miejsc po przecinku, więc bardzo małe wartości mogą być wyświetlane jako 0rem. Kalkulator nie odczytuje rozmiaru bazowego z arkusza stylów.
Udostępnij narzędzie
Udostępniany jest wyłącznie publiczny link do narzędzia. Twoje dane wejściowe i wyniki pozostają tutaj.
Pokaż link do ręcznego skopiowania
Krótka odpowiedź
Przelicz długość w pikselach CSS na rem, dzieląc ją przez rozmiar czcionki elementu głównego. Przy rozmiarze 16px wartość 24px to 1.5rem. Początkowe 16px jest tylko wygodnym punktem wyjścia; użyj wartości ustawionej w swoim projekcie.
Strona i jej zasoby są pobierane z witryny; ta operacja wykorzystuje wpisane wartości wyłącznie w tej przeglądarce i nie wysyła ich do punktu obliczeniowego.
Jak używać
Wprowadź wartość CSS w pikselach i rozmiar czcionki elementu głównego dokumentu. Pole rozmiaru bazowego ma początkowo wartość 16px; w razie potrzeby dopasuj ją do arkusza stylów. Narzędzie dzieli piksele przez rozmiar bazowy, zwracając rem.
Ograniczenia
Wprowadź nieujemną wartość pikseli CSS i dodatni rozmiar czcionki elementu głównego. Wynik jest zaokrąglany do najwyżej sześciu miejsc po przecinku, więc bardzo małe wartości mogą być wyświetlane jako 0rem. Kalkulator nie odczytuje rozmiaru bazowego z arkusza stylów.
Najczęstsze pytania
Co oznacza 1rem?
Podstawą jest rozmiar czcionki elementu głównego, zwykle <html>. Częstą wartością domyślną w przeglądarkach jest 16px, ale mogą ją zmienić preferencje użytkownika lub reguły arkusza stylów.
Czy narzędzie odczytuje mój arkusz stylów?
Nie. Używa podanego rozmiaru bazowego. Zachowaj domyślne 16px tylko wtedy, gdy odpowiada stronie; w przeciwnym razie wprowadź rozmiar czcionki elementu głównego projektu.
Jak obliczana jest konwersja?
Podziel wartość w pikselach przez rozmiar czcionki elementu głównego. Na przykład 24px ÷ 16px = 1.5rem.
Dalsze wskazówki
Wybierz właściwy rozmiar czcionki elementu głównego do konwersji px na rem
Źródła i odniesienia
Te źródła dokumentują wskazaną normę lub API przeglądarki; nie potwierdzają poprawności wyników narzędzia.