estoy tratando de ajustar mi página web para visualizar en android con css pero nada más me deja mostrar la parte de arriba, pero no me permite desplazarme hacia abajo. Tengo esta configuración en el cuerpo:
body {
width: 100%;
min-height: 50%;
margin: 0;
padding: 0;
height: 100%;
overflow: hidden;
background-image: url('Image/lukas-vandlis-643404-unsplash.jpg');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
font-family: 'Heebo', sans-serif;
}
y para dispositivos móviles tengo (usuario es un div donde esta toda la información):
@media screen and (max-width: 600px) {
.usuario {
width: 100%;
height: 100%;
position: center;
}
}
y me muestra así
Y abajo tengo un GridView con información.
<meta name="viewport" content="width=800px"/>
antes de body. Tampoco muestra el scrollbar en escritorio, supongo tiene que ver algo que agregue en body, pues fue lo ùnico que modifique pero no logro encontrar qué es.