Tengo una imagen de fondo en un elemento que esta a 100% height y width.
CSS
#splash{
background-image: url("../img/background_splash.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height:100%;
}
HTML
<body>
<section id="splash">
//contenido
</section>
</body>
Probe usando vh
y vmax
pero no logre nada.
Funciona todo bien en todas las resoluciones, menos cuando me voy a landscape
desde el celular. Es decir, el alto no llega a ocupar toda la pantalla si no hasta donde se renderizó la primera vez en Portrait. Como el contenido sobrepasa la pantalla, tengo que hacer scroll y cuando hago scroll se ve el blanco debajo.
¿Alguna idea?
Desde ya agradezco el interés.