Ile to jest 1rem w px?

1rem odpowiada rozmiarowi czcionki elementu głównego; przy domyślnych 16 px jest to 16 px.

Jaka jest różnica między em a rem?

rem odnosi się zawsze do rozmiaru czcionki korzenia, a em do odziedziczonego rozmiaru czcionki bieżącego elementu.

Przeglądarki mobilne chowają i pokazują pasek adresu, więc 100vh może przekraczać widoczny obszar; używaj dvh lub svh, jeśli są wspierane.

Do typografii interfejsu wybieraj rem; px zostaw na cienkie obramowania i detale pikselowe.

Zaktualizowano: 2026-09-01

Jednostka	Względem czego	Typowe zastosowanie
px	Piksel urządzenia (piksel CSS)	Obramowania, precyzyjne ikony
rem	Rozmiar czcionki elementu głównego	Skala typograficzna, odstępy
em	Rozmiar czcionki rodzica	Rozmiary w obrębie komponentu
%	Właściwość rodzica	Szerokości, elastyczne układy
vw	1% szerokości viewportu	Sekcje na pełną szerokość
vh	1% wysokości viewportu	Wysokość hero (uwaga na UI mobilne)
vmin / vmax	Krótszy/dłuższy bok viewportu	Prawie kwadratowe rozmiary responsywne
ch	Szerokość znaku „0”	Bloki kodu, pola monospace
ex	Wysokość x czcionki	Rzadka drobna typografia
svh / lvh / dvh	Viewport mały/duży/dynamiczny	Wysokość bezpieczna na przeglądarce mobilnej

Na mobile 100vh może obejmować ukryty pasek przeglądarki — gdy wspierane, wybieraj dvh/svh.
Rozmiar czcionki ustawiony przez użytkownika wpływa na rem — to zwykle dobre dla dostępności.

Ile to jest 1rem w px?: 1rem odpowiada rozmiarowi czcionki elementu głównego; przy domyślnych 16 px jest to 16 px.
Jaka jest różnica między em a rem?: rem odnosi się zawsze do rozmiaru czcionki korzenia, a em do odziedziczonego rozmiaru czcionki bieżącego elementu.
Dlaczego 100vh nie działa na mobile?: Przeglądarki mobilne chowają i pokazują pasek adresu, więc 100vh może przekraczać widoczny obszar; używaj dvh lub svh, jeśli są wspierane.