Konwerter PX na REM
Domyślna wartość przeglądarki to 16px.
Czym jest Konwerter PX na REM
Konwerter px na rem przelicza rozmiar CSS między pikselami a jednostkami rem. Jeden rem odpowiada bazowemu rozmiarowi czcionki strony, który przeglądarki domyślnie ustawiają na 16px, więc 16px to 1rem, a 24px to 1,5rem. Wpisz wartość w dowolnym polu, a drugie zaktualizuje się na bieżąco. Zmień pole bazowego rozmiaru czcionki, jeśli Twój projekt używa innej podstawy (popularną sztuczką jest ustawienie podstawy na 62,5%, aby 10px równało się 1rem).
Jak używać
- Ustaw bazowy rozmiar czcionki, jeśli Twój projekt różni się od domyślnych 16px.
- Wpisz wartość w pikselach w polu Piksele, aby zobaczyć odpowiednik w rem.
- Albo wpisz wartość w rem w polu REM, aby zobaczyć odpowiednik w pikselach.
- Skopiuj dowolny wynik ikoną kopiowania obok pola.
- Kliknij Wyczyść, aby zresetować pola i rozpocząć nowe przeliczanie.
Kiedy używać
Budujesz responsywny układ i potrzebujesz nagłówka 24px w rem? Wpisz 24, a otrzymasz 1,5rem, gotowe do wklejenia do arkusza stylów. Przejście z projektu na sztywnych pikselach na skalowalne rem utrzymuje tekst i odstępy w zgodzie z ustawieniem przeglądarki czytelnika, więc kto zwiększy domyślny rozmiar czcionki, zobaczy, jak cały układ rośnie razem z nim, zamiast tkwić na Twoich wartościach w pikselach.
Często zadawane pytania
Jak przeliczyć px na rem?
Podziel wartość w pikselach przez bazowy rozmiar czcionki. Przy domyślnej podstawie 16px, 24px to 24 / 16 = 1,5rem, a 8px to 8 / 16 = 0,5rem. Aby zrobić odwrotnie, pomnóż wartość w rem przez bazowy rozmiar czcionki: 1,25rem przy podstawie 16px to 1,25 * 16 = 20px.
Jaki jest domyślny bazowy rozmiar czcionki?
Przeglądarki używają 16px jako domyślnego bazowego rozmiaru czcionki, więc to narzędzie zaczyna od tej wartości. Jeśli Twój CSS zmienia font-size elementu html (na przykład na 62,5%, co daje podstawę 10px), zaktualizuj pole bazowego rozmiaru czcionki, aby przeliczanie pasowało do Twojego projektu.
Dlaczego używać rem zamiast px w CSS?
Jednostki rem skalują się wraz z bazowym rozmiarem czcionki, który respektuje rozmiar wybrany przez czytelnika w ustawieniach przeglądarki. Ustawianie czcionek, marginesów i wypełnień w rem pozwala całemu układowi rosnąć lub maleć wraz z tą preferencją, co jest lepsze dla dostępności niż sztywne piksele.
Czy mogę udostępnić to narzędzie z moimi danymi?
Tak. URL aktualizuje się automatycznie podczas pisania. Skopiuj link z paska adresu lub użyj przycisku Udostępnij, każdy, kto otworzy link, zobaczy Twoje dane już wypełnione.
Powiązane narzędzia
Kalkulator Proporcji Obrazu
Oblicz proporcje obrazu, znajdź brakującą szerokość lub wysokość i zmieniaj rozmiar zdjęć oraz filmów bez utraty proporcji. Za darmo.
Dekoder Base64
Dekoduj ciągi Base64 do zwykłego tekstu błyskawicznie w przeglądarce. Obsługuje pełne kodowanie Unicode z emoji. Darmowy dekoder Base64.
Enkoder Base64
Konwertuj dowolny tekst do Base64 błyskawicznie w przeglądarce. Obsługuje Unicode, emoji i znaki specjalne. Darmowy enkoder Base64.