La guía paso a paso o código que encontrarás en este post es la solución más eficiente y válida que hallamos a esta inquietud o dilema.

Ejemplo 1: vh y vw

/*vh viewport height and vw viewport width*//*example*/divdisplay: inline-block;height:100vh;/*THis will set height equal to the height of windows*/width:100vw/*This will set width equal to width of windows*/

Ejemplo 2: que es css vh

CSS VH unit Property
Viewport Height ( vh ) 
– A percentage of the full viewport height. 10vh will resolve to 10% of the current viewport height. Viewport Minimum ( vmin ) 
– A percentage of the viewport width or height, whichever is smaller.

Ejemplo 3: vh en css

/*
vh	Relative to 1% of the height of the viewport*
*/>
>
>
>
h1font-size:20vh;




Hello

Resize the height of the browser window to see how the font-size of h1 changes.













1vh = 1% of viewport height.

	
	
	

	
	
	
The vh unit is not supported in IE8 and earlier.









/*
I hope it will help you.
Namaste
Stay Home Stay Safe
*/

Ejemplo 4: ¿cuáles son las unidades basadas en la ventana gráfica en html?

The viewport based units are:
vh , vw , vmin, vmax .

Comentarios y calificaciones

Si para ti ha resultado de provecho este artículo, te agradeceríamos que lo compartas con otros desarrolladores de esta manera contrubuyes a difundir esta información.

---

---

Utiliza Nuestro Buscador