10 Replies Latest reply on Dec 21, 2016 9:09 AM by kerrishotts

    Viewport width on large iPad Pro is the same as regular iPads

    srkleiman Level 1

      My PGB project is working fine except that viewport on the large iPad Pro has the same resolution as a regular iPad. The larger viewport works fine when run on the native Safari as a web app. There's not much I could find about this issue on the web, but it one case it has to do with not having the correct icons and splashscreens. I think I have all the variants recommended by the splash screen plugin. Here's the relevant config.xml lines:


      <platform name="ios">
        <icon src="res/icon/ios/icon-60@3x.png"     width="180" height="180" />
        <icon src="res/icon/ios/icon-60.png"        width="60" height="60" />
        <icon src="res/icon/ios/icon-60@2x.png"     width="120" height="120" />
        <icon src="res/icon/ios/icon-76.png"        width="76" height="76" />
        <icon src="res/icon/ios/icon-76@2x.png"     width="152" height="152" />
        <icon src="res/icon/ios/icon-40.png"        width="40" height="40" />
        <icon src="res/icon/ios/icon-40@2x.png"     width="80" height="80" />
        <icon src="res/icon/ios/icon.png"           width="57" height="57" />
        <icon src="res/icon/ios/icon@2x.png"        width="114" height="114" />
        <icon src="res/icon/ios/icon-72.png"        width="72" height="72" />
        <icon src="res/icon/ios/icon-72@2x.png"     width="144" height="144" />
        <icon src="res/icon/ios/icon-small.png"     width="29" height="29" />
        <icon src="res/icon/ios/icon-small@2x.png"  width="58" height="58" />
        <icon src="res/icon/ios/icon-50.png"        width="50" height="50" />
        <icon src="res/icon/ios/icon-50@2x.png"     width="100" height="100" />
        <icon src="res/icon/ios/icon-83.5@2x.png"   width="167" height="167" />
        <!-- legacy splashscreens -->
        <splash src="res/screen/ios/Default~iphone.png"             width="320" height="480"/>
        <splash src="res/screen/ios/Default@2x~iphone.png"          width="640" height="960"/>
        <splash src="res/screen/ios/Default-Portrait~ipad.png"      width="768" height="1024"/>
        <splash src="res/screen/ios/Default-Portrait@2x~ipad.png"   width="1536" height="2048"/>
        <splash src="res/screen/ios/Default-Landscape~ipad.png"     width="1024" height="768"/>
        <splash src="res/screen/ios/Default-Landscape@2x~ipad.png"  width="2048" height="1536"/>
        <splash src="res/screen/ios/Default-568h@2x~iphone.png"     width="640" height="1136"/>
        <splash src="res/screen/ios/Default-667h.png"               width="750" height="1334"/>
        <splash src="res/screen/ios/Default-736h.png"               width="1242" height="2208"/>
        <!-- storyboard splashscreens -->
        <splash src="res/screen/ios/Default@2x~iphone~anyany.png" />    <!-- 1334x1334 -->
        <splash src="res/screen/ios/Default@2x~iphone~comany.png" />    <!-- 750x1334 -->
        <splash src="res/screen/ios/Default@2x~iphone~comcom.png" />    <!-- 1334x750 -->
        <splash src="res/screen/ios/Default@3x~iphone~anyany.png" />    <!-- 2208x2208 -->
        <splash src="res/screen/ios/Default@3x~iphone~anycom.png" />    <!-- 2208x1242 -->
        <splash src="res/screen/ios/Default@3x~iphone~comany.png" />    <!-- 1242x2208 -->
        <splash src="res/screen/ios/Default@2x~ipad~anyany.png" />      <!-- 2732x2732 -->
        <splash src="res/screen/ios/Default@2x~ipad~comany.png" />      <!-- 1278x2732 -->


      Any suggestions?