À quoi servent les unités de mesure vh et vw lors de la spécification des tailles en CSS?

Les unités de mesure vh et vw en CSS sont utilisées pour indiquer des tailles relatives à la taille de la fenêtre du navigateur.

• vh (hauteur de la vue) : Représente 1% de la hauteur de la vue.
• vw (largeur de la vue) : Représente 1% de la largeur de la vue.

Leur objectif principal est de créer un design adaptatif, où les tailles des éléments dépendent des dimensions actuelles de la fenêtre du navigateur, et non de valeurs fixes en pixels ou des tailles des éléments parents. Cela permet de redimensionner facilement des éléments tels que des sections en pleine hauteur ou largeur de l'écran, des polices, des images et d'autres composants, assurant une expérience de visualisation confortable sur des appareils de tailles d'écran différentes.

Par exemple :

• height: 100vh; — rend l'élément haut de 100% de la hauteur de la vue.
• width: 50vw; — rend l'élément large de 50% de la largeur de la vue.