Android browser's screen.width, screen.height & window.innerWidth & window.innerHeight are unreliable

Question

I\'m working on a web app that is targeted to browsers on desktop, tablet and smartphone.

The web app has a light box implemented using Colorbox with an iframe

Answer 1

I took me hours to find a workaround.

The only constant among window.innerHeight, window.outerheight, etc was screen.height.

This code gave me the outerheight:

screen.height / window.devicePixelRatio - window.screenTop

Also, in order to support older versions of android, place your code in a setTimeout

I hope this is helpful =)

Answer 2

On Android, window.outerWidth and window.outerHeight are reliably the screen size. Depending on your version of Android, innerWidth/Height is usually incorrect.

Here's a really good writeup on the situation.