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!

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



  • 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


Log in to reply