Wpisz liczbę
1 rem = 16 px
Otwórz w: Konwerter PX na REMWzór
px = rem × 16
Jak przeliczyć
Aby przeliczyć rem na px, pomnóż wartość przez 16. Na przykład 2 rem = 32 px.
Tabela przeliczeń
| rem | px |
|---|---|
| 0,25 rem | 4 px |
| 0,5 rem | 8 px |
| 0,75 rem | 12 px |
| 0,875 rem | 14 px |
| 1 rem | 16 px |
| 1,25 rem | 20 px |
| 1,5 rem | 24 px |
| 2 rem | 32 px |
| 2,5 rem | 40 px |
| 3 rem | 48 px |
| 4 rem | 64 px |
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ć rem na px?
1 rem = 16 px. Aby przeliczyć, pomnóż wartość przez 16: 2 rem = 32 px.
› Ile rem to 1 px?
1 px = 0,0625 rem. Wzór odwrotny to rem = px ÷ 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żą.