Zašto se koriste jedinice mere vh i vw prilikom određivanja dimenzija u CSS-u?

Jedinice mere vh i vw u CSS-u koriste se za označavanje dimenzija u odnosu na veličinu prikaznog okvira (viewport) pregledača.

• vh (visina prikaznog okvira): Predstavlja 1% visine prikaznog okvira.
• vw (širina prikaznog okvira): Predstavlja 1% širine prikaznog okvira.

Njihova glavna svrha je kreiranje responzivnog dizajna, gde veličine elemenata zavise od trenutnih dimenzija prozora pregledača, a ne od fiksnih vrednosti u pikselima ili dimenzija roditeljskih elemenata. To omogućava lako skaliranje elemenata kao što su sekcije pune visine ili širine ekrana, fontovi, slike i drugi sastavni delovi, obezbeđujući udobno prikazivanje na uređajima sa različitim veličinama ekrana.

Na primer:

• height: 100vh; — čini da element ima visinu od 100% visine prikaznog okvira.
• width: 50vw; — čini da element ima širinu od 50% širine prikaznog okvira.