Alguien me podria explicar por favor ¿qué diferencia hay entre height: 100vh y height: 100%; ? Gracias.

Pregunta de la clase:
Creación de Menú Responsive en HTML y CSS para Móviles
Francisco Escobar

Francisco Escobar

Pregunta
student•hace 3 años

Alguien me podria explicar por favor ¿qué diferencia hay entre height: 100vh y height: 100%; ? Gracias.

1 respuestas
para escribir tu comentario
    Kevin J. Zea Alvarado

    Kevin J. Zea Alvarado

    student•hace 3 años

    Hola, Francisco. 👋

    El

    100vh
    hace referencia al 100% del tamaño vertical del viewport; es decir, el alto de la pantalla del usuario.

    Por otro lado,

    100%
    hace referencia al 100% del tamaño del contenedor (elemento padre) de ese elemento al que se le agregue esta propiedad.

Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Ir al curso
Curso Práctico de Frontend Developer
Curso Práctico de Frontend Developer

Curso Práctico de Frontend Developer

Construye un proyecto completo de frontend, creando un diseño responsive paso a paso. Comprende y aplica HTML y CSS para estructurar, estilizar y perfeccionar una interfaz de usuario efectiva. Ideal para iniciar en el desarrollo web.

Ir al curso