¿Para qué se utilizan las unidades de medida vh y vw al especificar tamaños en CSS?

Las unidades de medida vh y vw en CSS se utilizan para indicar tamaños relativos al tamaño de la vista del navegador.

• vh (altura de la vista): Representa el 1% de la altura de la vista.
• vw (anchura de la vista): Representa el 1% del ancho de la vista.

Su principal propósito es crear un diseño adaptable, donde los tamaños de los elementos dependen de las dimensiones actuales de la ventana del navegador, y no de valores fijos en píxeles o de los tamaños de los elementos padres. Esto permite escalar fácilmente elementos como secciones de altura o anchura completas, fuentes, imágenes y otros componentes, asegurando una experiencia de visualización cómoda en dispositivos con diferentes tamaños de pantalla.

Por ejemplo:

• height: 100vh; — hace que el elemento tenga una altura del 100% de la altura de la vista.
• width: 50vw; — hace que el elemento tenga un ancho del 50% del ancho de la vista.