Monaca Onsen UI Discord Chat Github Repo

Upscaling on Iphone 7: Same viewport as 5s

  • Hi,

    I found a lot of upscaling problems in the web about the change from the small 5s screens to Iphone 6. But nothing is working for me.
    My problem: Only on iOS devices I have an upscaling effect. If you see the app on a 5s and 7 side by side you notice that there is no advantage of the larger screen of the iphone 7. Everything is just bigger and upscaled. Not really nice. I dont see this behavior on android devices.

    Using this:

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

    Any ideas?
    Thank you!


  • Solution:
    It was a wrong setting in the config of cordova. The splash screen was not in the correct resolution. So the app after the splash screen wasnt.

    In my case for iphone 7:

            <splash height="1334" src="res/screen/ios/Default-667h.png" width="750" />

    The png was not in 1334 x 750

    Thank you