Unități CSS. Lungimi relative. Proprietatea lenght. Unitățile de lungime relativă: em, ex, ch, rem, vw, vh, vmin, vmax, %.

Lungimi relative (Relative Lengths)

Unitățile de lungime relativă specifică o lungime relativă la o altă proprietate lungime (length). Unitățile de lungime relativă scalează mai bine între diferite medii de redare.
 

Unitate	Descriere
em	În raport cu dimensiunea fontului elementului (2em înseamnă de 2 ori dimensiunea fontului curent)	Încercă-l
ex	În raport cu înălțimea x a fontului curent (rar folosit)	Încercă-l
ch	În raport cu lățimea "0" (zero)	Încercă-l
rem	Relativ la dimensiunea fontului elementului rădăcină	Încercă-l
vw	În raport cu 1% din lățimea afișajului *	Încercă-l
vh	În raport cu 1% din înălțimea viewport *	Încercă-l
vmin	În raport cu 1% din dimensiunea mai mică a portofoliului *	Încercă-l
vmax	În raport cu 1% din dimensiunea mai mare a portofoliului *	Încercă-l
%	În raport cu elementul părinte	Încercă-l

Sfat: Unitățile em și rem sunt practice în crearea unui aspect scalabil perfect!
* Viewport = dimensiunea ferestrei browserului. Dacă viewport are 50cm lățime, 1vw = 0,5cm.