Reputation: 197
I added the following lines to my header, but when I try to view my webpage on an android device I can't scroll down.
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
Any ideas why I can't scroll down?
Upvotes: 2
Views: 5762
Reputation: 976
I have noticed that if a website contains elements with css position: fixed; the screen won't scroll in android devices. You should use position: absolute or relative instead.
Upvotes: 1
Reputation: 21
Maybe you have :
html, body {
height: 100%;
}
Some webkit's browsers doesn't like this ;) You should try to remove this rule.
Upvotes: 1