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

Johan Quijano

Pregunta

student•

Daniel Adolfo Ordoñez Rubio

student•

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.

Fredy Daniel Flores Lemus

student•

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

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]