Android browser CSS position: fixed bug (solved)

There’s a very annoying bug in Android browsers that’s not intuitive to fix: Sometimes position:fixed just doesn’t work right.  For me this manifested as the browser thinking that the bottom of the page was about 40px higher than it actually was, but only in landscape mode.

Without further ado, the fix is simple: set your meta viewport tag to not allow user-scaling.

<meta name="viewport" content="width=100%; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=no;" />


12 thoughts on “Android browser CSS position: fixed bug (solved)”

  1. YOU ARE A GOD! OMG! A FRIGGAN GOD! YOU SAVED A WEBSITE OF MINE AT THE LAST MINUTE. I have a meeting with a client in 40 minutes and this was the last issue.

Leave a Reply

Your email address will not be published. Required fields are marked *