Unitatile de masura in CSS

Pentru a defini proprietatile in CSS, cum sunt: width, margin, padding, font-size, border-width, etc se folosesc diferite unitati de masura. Acestea pot fi absolute (ex: px) sau relative (ex: em).

Mai jos detaliem cum se calculeaza fiecare si care sunt avantajele pentru adaptarea la rezolutia ecranului dispozitivului.

Cea mai cunoscuta unitate de masura in CSS sunt pixelii (px). Dar, cu utilizarea layout-urilor responsive, pixelii au lasat locul unitatilor de masura relative, tocmai pentru a se adapta dispozitivului.

Din acestea din urma cele mai cunoscute unitati de masura sunt: em (pentru proprietatea font-size), rem (care face referinta la proprietatea font-size a elementului parinte) si bineinteles procentele (%), folosite mai ales pentru exprimarea proprietatii width.

Unitatile de masura ABSOLUTE in CSS

Unitatile absolute se vor prezenta la fel in orice format si pe orice rezolutie de dispozitiv.

Exemplu: Un font-size pentru un titlu H1 setat pe 54px si care se vizualizeaza bine pe desktop va fi vizualizat la aceeasi dimensiune fixa si pe telefoanele mobile, ocupand prea mult spatiu.
Aceste unitati de masura sunt recomandate mai ales pentru print. Se folosesc din ce in ce mai putin pentru redarea pe ecrane, pentru ca rezolutia poate varia.