Hola, adicional a la pregunta que hice, como funciona el vh el height??? Muchas gracias.

Jeyson David Vargas Crespo

Jeyson David Vargas Crespo

Pregunta
student
hace 5 años

Hola, adicional a la pregunta que hice, como funciona el vh el height??? Muchas gracias.

2 respuestas
    Martín David Roldán

    Martín David Roldán

    student
    hace 5 años

    Hola :D

    El Viewport Height (vh) se refiere al área visible en pantalla de un dispositivo, tomando el alto necesario según el caso donde se aplique. Por ejemplo si se hace una sección y se quiera que ocupe la mitad de la pantalla, se colocaría un height: 50vh.

    Francisco Javier Ali Cruz Aguila

    Francisco Javier Ali Cruz Aguila

    student
    hace 5 años

    Hola jeydvc, agregando a la respuesta de Martín, el vh (view height) y el vw (view width) hacen referencia más que al área visible de la pantalla, a el area de donde se renderiza la pagina, siendo medidas relativas similares al % (porcentaje) sólo que en relación al area de renderizado y no de la pagina en si.

    En el caso de un dispositivo móvil, generalmente ese espacio es la pantalla como bien lo dice Martín, sin embargo en una computadora sería el tamaño de la ventana del explorador, que puede estar maximizada o no, y en ese caso responde de manera responsiva tomando como valores el area donde se renderiza la página.

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.