Wpisz liczbę
1 px = 0,0625 rem
Otwórz w: Konwerter PX na REMWzór
rem = px ÷ 16
Jak przeliczyć
Aby przeliczyć px na rem, podziel wartość przez 16. Na przykład 32 px = 2 rem.
Tabela przeliczeń
| px | rem |
|---|---|
| 1 px | 0,0625 rem |
| 2 px | 0,125 rem |
| 4 px | 0,25 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Tabela zakłada: bazowy rozmiar czcionki 16px. Zmień ustawienia w przeliczniku powyżej, aby pasowały do Twojego projektu.
O tych jednostkach
Przeglądarki zamieniają każdą długość CSS na piksele. rem zależy od rozmiaru czcionki elementu głównego, a em od rozmiaru czcionki rodzica; w głównych przeglądarkach oba wynoszą 16px, o ile strona lub użytkownik tego nie zmieni. 1pt to 1/72 cala, a 1px to 1/96 cala, więc 1pt = 1,333px. vw to 1% szerokości viewportu, więc jego rozmiar w pikselach zależy od ekranu.
FAQ
› Jak przeliczyć px na rem?
1 px = 0,0625 rem. Aby przeliczyć, podziel wartość przez 16: 32 px = 2 rem.
› Ile px to 1 rem?
1 rem = 16 px. Wzór odwrotny to px = rem × 16.
› Dlaczego rem zamiast px?
Rozmiary w rem podążają za ustawieniem czcionki w przeglądarce użytkownika, co pomaga w dostępności, a zmiana jednej wartości głównej spójnie skaluje cały układ.
› Czym różni się rem od em?
rem zawsze używa rozmiaru czcionki elementu głównego (html). em używa rozmiaru czcionki rodzica, więc zagnieżdżone wartości em się mnożą.