¿Alguien que puede decir en que curso puedo ver que es un vh? (viewport height)?

Pregunta de la clase:
Definiendo áreas de contenido
Roner Ortega Cueto

Roner Ortega Cueto

Pregunta
studenthace 5 años

¿Alguien que puede decir en que curso puedo ver que es un vh? (viewport height)?

6 respuestas
para escribir tu comentario
    jorge llanque

    jorge llanque

    studenthace 5 años

    Hola, yo te aconsejo leer este artículo donde entenderás que es vh = viewport height vw = viewport width vmin = viewport minimun vmax = viewport maximun

    https://css-tricks.com/fun-viewport-units/

    Gabriel Ordanis Magdaleno Aular

    Gabriel Ordanis Magdaleno Aular

    studenthace 5 años

    En el curso de Responsive Design con Lonidas tienes esa explicación.

    Vicente Daniel Zurita Salas

    Vicente Daniel Zurita Salas

    studenthace 5 años

    Sus valores se expresan en porcentaje (de 0 a 100). Ejemplos:

    width:100vw; (anchura del 100% de la anchura de la ventana gráfica) height:50vh; (altura del 50% de la altura de la pantalla) line-height:3vh; (altura de línea del 3% de altura de la pantalla)

    La diferencia entre las unidades porcentuales expresadas con “%” (width:100%) y las viewport-units (width:100vw) es que las primeras heredan los valores de su elemento padre, y las segundas siempre heredan los valores del bloque inicial o ventana gráfica.

    Christian Camilo Beltran Fonseca

    Christian Camilo Beltran Fonseca

    studenthace 5 años

    puedes hacer el curso de responsive design o simplemente saber que el vh hace referecia al alto del viewport. vh ---- podriamos decir viewport heigth vw ----- viewport weigth. viewport es toda la parte visible del navegador.

    si no es claro has el curso, leonidas lo hace facil de entender.

    Leonardo de los angeles Espinoza Hernandez

    Leonardo de los angeles Espinoza Hernandez

    studenthace 5 años

    Hola roner! Como ya te lo menciono @DaneSanchz puedes ir al curso de Responsive Design o puedes tomar el Curso de frontend developer aquí en platzi.

    Pero te dare una pista de lo que es: El viewport es todo lo que cabe en tu pantalla de un sitio web, (el 100% del viewport sería 100vh)

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.