Cât este 1rem în px?

1rem este egal cu mărimea fontului elementului rădăcină, deci cu valoarea implicită de 16 px din browser este 16 px.

Care este diferența dintre em și rem?

rem este mereu raportat la mărimea fontului elementului rădăcină, în timp ce em la mărimea fontului moștenită de elementul curent.

Browserele mobile pot afișa sau ascunde barele UI, deci 100vh poate fi mai mare decât zona vizibilă; folosiți dvh sau svh când sunt suportate.

Preferați rem pentru scalele tipografice UI; folosiți px doar pentru linii subțiri și detalii precise la pixel.

Actualizat: 2026-09-01

Unitate	Raportat la	Utilizare tipică
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

Pe mobil, 100vh poate include elemente ascunse ale browserului — preferați dvh/svh când sunt suportate.
Setările de mărime a fontului utilizatorului afectează rem — de obicei de dorit pentru accesibilitate.

Cât este 1rem în px?: 1rem este egal cu mărimea fontului elementului rădăcină, deci cu valoarea implicită de 16 px din browser este 16 px.
Care este diferența dintre em și rem?: rem este mereu raportat la mărimea fontului elementului rădăcină, în timp ce em la mărimea fontului moștenită de elementul curent.
De ce nu funcționează 100vh pe mobil?: Browserele mobile pot afișa sau ascunde barele UI, deci 100vh poate fi mai mare decât zona vizibilă; folosiți dvh sau svh când sunt suportate.