1rem odpovídá velikosti písma kořenového prvku, takže při výchozích 16 px v prohlížeči je to 16 px.

Jaký je rozdíl mezi em a rem?

rem je vždy relativní k velikosti písma kořenového prvku, zatímco em k velikosti písma zděděné aktuálním prvkem.

Proč 100vh na mobilu nefunguje?

Mobilní prohlížeče panely UI skrývají i zobrazují, takže 100vh může být vyšší než viditelná oblast; pokud je podporováno, použijte dvh nebo svh.

Pro typografické škály UI preferujte rem; px používejte jen pro jemné linky a detaily s přesností na pixel.

Aktualizováno: 2026-09-01

Jednotka	Vztaženo k	Typické použití
px	Device pixel (CSS pixel)	Borders, precise icons
rem	Root element font-size	Type scale, spacing
em	Parent font-size	Component-local sizing
%	Parent property	Widths, flexible layouts
vw	1% viewport width	Full-bleed sections
vh	1% viewport height	Hero height (mind mobile UI)
vmin / vmax	Smaller/larger viewport side	Square-ish responsive sizing
ch	Width of “0” glyph	Code blocks, monospace fields
ex	x-height of font	Rare fine typography
svh / lvh / dvh	Small/large/dynamic viewport	Mobile browser chrome-safe height

100vh na mobilu může zahrnovat skryté prvky prohlížeče — pokud jsou podporované, preferujte dvh/svh.
Nastavení velikosti písma uživatele ovlivňuje rem — to je pro přístupnost obvykle žádoucí.

Kolik je 1rem v px?: 1rem odpovídá velikosti písma kořenového prvku, takže při výchozích 16 px v prohlížeči je to 16 px.
Jaký je rozdíl mezi em a rem?: rem je vždy relativní k velikosti písma kořenového prvku, zatímco em k velikosti písma zděděné aktuálním prvkem.
Proč 100vh na mobilu nefunguje?: Mobilní prohlížeče panely UI skrývají i zobrazují, takže 100vh může být vyšší než viditelná oblast; pokud je podporováno, použijte dvh nebo svh.