Adjust web page for Android with css, activate scrollbar

0

I'm trying to adjust my web page to visualize in android with css but nothing else lets me show the top part, but it does not allow me to scroll down. I have this configuration in the body:

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;
}

and for mobile devices I have (user is a div where is all the information):

@media screen and (max-width: 600px) {
.usuario {
    width: 100%;
    height: 100%;
    position: center;

}
}

and it shows me like that

And below I have a GridView with information.

    
asked by Elizabeth 18.06.2018 в 17:26
source

1 answer

0

It does not allow you to scroll through the overflow: hidden; test to remove it.

On the other hand ... Why do you have that goal like that? Normally if you want to work with responsive I recommend something talque:

< meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" >
    
answered by 21.06.2018 / 15:38
source