3. Upscaling on Iphone 7: Same viewport as 5s

Notice: The Monaca & Onsen UI Community Forum is shutting down.

For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.

Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.

Upscaling on Iphone 7: Same viewport as 5s

  • F

    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!

    2_1513259806527_browser-2.jpg
    1_1513259806526_5s-2.jpg
    0_1513259806523_7-2.jpg

    0
  • F

    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

    1