Scale bug on ios device when use iframe

[ayumi274956]

HI everyone, i got a scale bug on ios device with using iframe.

 

 

game.js 

use these codes:

 

this.game.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;

this.game.scale.pageAlignHorizontally = true;

this.game.scale.pageAlignVertically = true;

this.game.scale.setScreenSize();

this.game.scale.refresh();

 

 

my file structur :

/root/app/game1/1.html

/root/app/game2/2.html

/root/app/game3/3.html

/root/app/index.html

 

 

for example :

index.html use iframe :

<iframe src="game1/1.html" class="game-canvas-iframe" id="game_frame">Your browser doesn't support IFrames</iframe>

 

 

it's working nice on desktop or android device , 

but on ios device , entire scene will keep scalling and never stoped;

and this is test results:

 

                 visit /root/app/game1/1.html               visit /root/app/index.html

desktop     nice                                                     nice

android     nice                                                      nice

iphone      nice                                                      terrible

ipad          nice                                                      terrible

 

here is the example:

Nice Page : http://210.73.212.143:81/GameServer/app/game1/1.html

Bug Page : http://210.73.212.143:81/GameServer/app/index.html

[yasdar]

i think this is the solution :