Przelicz px na em: wzór i tabela przeliczeń

piksele px em em

Bazowy rozmiar czcionki (px)

1 px = 0,0625 em

Otwórz w: Konwerter PX na REM

Wzór

em = px ÷ 16

Jak przeliczyć

Aby przeliczyć px na em, podziel wartość przez 16. Na przykład 32 px = 2 em.

Tabela przeliczeń

px	em
1 px	0,0625 em
2 px	0,125 em
4 px	0,25 em
8 px	0,5 em
10 px	0,625 em
12 px	0,75 em
14 px	0,875 em
16 px	1 em
18 px	1,125 em
20 px	1,25 em
24 px	1,5 em
32 px	2 em
48 px	3 em
64 px	4 em

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 em?

1 px = 0,0625 em. Aby przeliczyć, podziel wartość przez 16: 32 px = 2 em.

› Ile px to 1 em?

1 em = 16 px. Wzór odwrotny to px = em × 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żą.