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