Search code examples
javascriptjqueryiossafariios9

Does Safari iOS9 returns a wrong value for window.innerHeight?

Here is my viewport meta tag :

    <meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width">

On Safari iOS 8, window.innerHeight and $(window).height() both returns the same value: 928 on an iPad.

But on Safari iOS 9, window.innerHeight and $(window).height() returns different values: respectively 1461 and 559 on an iPhone 6s running iOS 9.0 or 1154 and 905 on an iPad mini running iOS 9.1.

Is this a bug in Safari or is it intended? Where does that 1461 come from on my iPhone? Should I be using $(window).height() (which returns the value I want) instead of window.innerHeight?

Solution

  • Yes, i experienced the same behavior...

    Using $(window).height() seems to work, but I guess it's better to change the meta-tag.

    See Here