Milleks kasutatakse CSS-i suuruste määramisel mõõtühikuid vh ja vw?

CSS-is kasutatakse mõõtühikuid vh ja vw, et määrata suurusi, mis on seotud brauseri vaateala (viewport) suurusega.

• vh (vaateala kõrgus): Esindab 1% vaateala kõrgusest.
• vw (vaateala laius): Esindab 1% vaateala laiusest.

Nende peamine eesmärk on luua reageeriv disain, kus elementide suurused sõltuvad praegustest brauseri akna mõõtmetest ning mitte fikseeritud väärtustest pikslites või vanemate elementide suurustest. See võimaldab hõlpsasti skaleerida elemente nagu kogu ekraani kõrgus- või laiuse sektsioonid, fondid, pildid ja teised komponendid, tagades mugava kuvamise erineva suurusega ekraanidel.

Näiteks:

• height: 100vh; — muudab elemendi kõrguseks 100% vaateala kõrgusest.
• width: 50vw; — muudab elemendi laiuseks 50% vaateala laiusest.