iOS 9 "orientation image" problem

[Tom Atom]

Hi, this is not question, but "knowledge share". I just spent several hours with it.

 

Problem is, that on iOS 9 the well know "rotate your screen" image does not scale over whole screen in iOS 9:

 

 

I found it even affects all my previous games backwardly. It is because iOS is now automatically scaling down whole page if it contains any element that would be partially out of screen - in case of landscape game it is element with canvas.

 

In original Phaser template you can find this line:

<meta name="viewport" content="initial-scale=1 maximum-scale=1 user-scalable=0 minimal-ui" />

To prevent that downscaling I had to change it like this:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0, shrink-to-fit=no">

Important part is added "shrink-to-fit=no" and I also found, that I had to remove "minimal-ui".

 

 

[Gob0]

Thanks for sharing. I'll have to update my games (it's such a pain on AppStore) but it's a good "patch". Thx!