Waar worden de eenheden vh en vw voor gebruikt bij het specificeren van afmetingen in CSS?

CSS gebruikt de eenheden vh en vw om afmetingen relatief ten opzichte van het viewport van de browser aan te geven.

• vh (viewport hoogte): Vertegenwoordigt 1% van de hoogte van het viewport.
• vw (viewport breedte): Vertegenwoordigt 1% van de breedte van het viewport.

Het belangrijkste doel is het creëren van een responsief ontwerp, waarbij de afmetingen van elementen afhangen van de huidige afmetingen van het browservenster, en niet van vaste waarden in pixels of de afmetingen van ouderlijke elementen. Dit maakt het gemakkelijk om elementen zoals volledige hoogte- of breedte-secties, lettertypen, afbeeldingen en andere componenten te schalen, waardoor een comfortabele weergave-ervaring op apparaten met verschillende schermformaten wordt gegarandeerd.

Bijvoorbeeld:

• height: 100vh; — maakt het element 100% van de hoogte van het viewport.
• width: 50vw; — maakt het element 50% van de breedte van het viewport.