Contamos con la mejor solución que hallamos on line. Nuestro deseo es que te sirva de ayuda y si deseas comentarnos algún detalle que nos pueda ayudar a perfeccionar nuestra información hazlo con libertad.
Solución:
Puede usar la altura de la ventana gráfica como su valor de altura:
.main
height: 100vh;
background-color: green;
CONTENT
Usar height: 100vh significa que el elemento en cuestión siempre tendrá el 100% de la altura de la ventana gráfica que tiene un usuario/dispositivo.
Más información: https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin-vmax/
Probablemente pueda hacer eso configurando la posición del div que desea hacer a pantalla completa, para absolutey luego aplique el siguiente CSS.
top:0;
left:0;
bottom:0;
right:0;
height:100%;
width:100%;
Por lo tanto, el css final sería el siguiente
.fullscreen
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
height:100%;
width:100%;
Puedes usar position: absolute; o position: fixed.
Utilizar absolute por solo hacer que cubra toda la página.
Utilizar fixed para que quede clavado en una posición por defecto. si usas fixedaunque su página es más del 100%, no puede desplazarse hacia abajo para ver otras cosas.
CSS
div.any
position: absolute; /*position: fixed;*/
top: 0;
left: 0;
width: 100%;
height: 100%;
/*You can add anything else to this like image, background-color, etc.*/
HTML
valoraciones y reseñas
Recuerda compartir esta reseña si lograste el éxito.