Ionic not fullscreen on iPhone 5/5s

i use ionic-angular-cordova-seed on github to start my work, and all is fine on android platform and iphone 4s with iOS 7.1.3. However, in iPhone 5/5s with iOS 7.1.1 and 6.1.1 respectively, the view is in the middle of the screen, leave the top and buttom of the screen blank (in black color, height is about the same as a header, see the snapshot bellow), and strange thing is that the statusbar also falls with the view, anyone has come into this situation, help me please?

anyone have the same problem?

Hmm what version of cordova are you using?

3.5.0 and 3.4.0 and 3.3.0 all used

very strange!

are you having <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> inside your index.html?

on stackoverflow i found this:




not sure why it does work with splashscreen…

yes, and here is my github sources:
https://github.com/alexgzhou/forbuild.git

could you try using

<gap:splash src="<folder>/Default-568h@2x.png" gap:platform="ios" width="640" height="1136" />

and rename the splashscreen to Default-568h@2x.png?

1 Like

OK, I will give it a shot and report the result, thank you very much!!!

That’s it, auro, you are so brilliant and kind, saved me!!! And thanks all for the help!

@Auro Thanks for stepping in here, glad you were able to find the solution.

@alexgzhou glad to hear you have the issue resolved!

Good work all you :smile: