Kokiu tikslu naudojamos matavimo vienetai vh ir vw nurodant dydžius CSS?

CSS'e vh ir vw matavimo vienetai naudojami matmenims nurodyti, kurie yra santykiniai prie naršyklės peržiūros lango (viewport) dydžio.

• vh (peržiūros lango aukštis): Atstovauja 1% peržiūros lango aukščio.
• vw (peržiūros lango plotis): Atstovauja 1% peržiūros lango pločio.

Jų pagrindinis tikslas yra sukurti adaptyvų dizainą, kuriame elementų dydžiai priklauso nuo dabartinių naršyklės lango matmenų, o ne nuo fiksuotų reikšmių pikseliais ar tėvų elementų dydžių. Tai leidžia lengvai mastelio keisti elementus, tokius kaip viso ekrano sekcijos, šriftai, vaizdai ir kiti komponentai, užtikrinant patogų peržiūrą skirtingų dydžių ekranus turinčiuose įrenginiuose.

Pavyzdžiui:

• height: 100vh; — padaro elementą aukščiu 100% peržiūros lango aukščio.
• width: 50vw; — padaro elementą pločiu 50% peržiūros lango pločio.