Search code examples
cordovaipadionic-frameworkscaling

iPad Pro Cordova App Scaling


How do you make the iPad Pro app not scale when using Cordova? I figured out a workaround setting initial, minimum, and max scale to .75, but it still appears pixelated. When I look at the status bar on the home screen vs in the app, the app status bar is significantly larger, so I definitely know it's scaling up.


Solution

  • I figured that, since I couldn't find an answer to this on StackOverflow, I'd post my solution to the issue. I got assistance for this answer from http://www.cordovacircus.com/articles/ipad-pro-and-cordova.

    Steps:
    1. Create a storyboard in your Xcode project. To open this project, go to {app root}/platforms/ios/, and open up the .xcodeproj file.
    2. Drag a view controller into the storyboard. This will operate as your splash screen, so you can add anything you'd like. I only needed to get the scaling fixed so I left mine blank.
    3. Go to general settings by clicking the root of the project inside of Xcode. Scroll down to App Icons and Launch Images, and change the Launch Screen File to the storyboard file you just created.

    Voila! The app should now launch in fullscreen with no scaling.