En vez de height 100% es bueno usar 100vh ? o es lo mismo? Gracias

Johan Eduardo Garcia

Pregunta

student•hace 4 años

Fredy Daniel Flores Lemus

student•hace 4 años

En este caso da lo mismo usar un height 100% que un 100vh, pero no siempre es así, porque el porcentaje se refiere al porcentaje que ocupara de su contenedor (de su padre) mientras que vh o vw, se refiere al porciento de la ventana de visualización

Daniel Adolfo Ordoñez Rubio

student•hace 4 años

Hola, Johan :) El 100% es relativo al contenedor y como se muestre (propiedad display) del elemento

<div class="padre" style="height: 100px">
	<div class="hijo" style="height: 100%">

En este caso el hijo solo puede tomar el 100% del espacio disponible (100px).

En cambio

100vh

es el 100% del alto de la pantalla (la v es por viewport o ventana visible) y siempre va a ser el mismo para todos los elementos si la pantalla es la misma. Los valores como 100vh o 100vw son útiles si quieres que el tamaño de algo sea relativo al de la ventana, por ejemplo que ocupe toda la ventana.

En vez de height 100% es bueno usar 100vh ? o es lo mismo? Gracias

Curso de Maquetación en CSS [Empieza Gratis]

Curso de Maquetación en CSS [Empieza Gratis]