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 e from on my iPhone? Should I be using $(window).height() (which returns the value I want) instead of 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 e from on my iPhone? Should I be using $(window).height() (which returns the value I want) instead of window.innerHeight?

• javascript
• jquery
• ios
• safari
• ios9

3 Answers 3

<meta name="viewport" content="width=device-width initial-scale=1 shrink-to-fit=no">

adding "shrink-to-fit=no" to the viewport meta tag fixed an erroneous window.innerHeight value on resize for me -

https://forums.developer.apple./thread/13510

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

Try to change your meta tag to..

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>