If you’re a hybrid app developer using PhoneGap/Cordova, you’re probably already tinkering with getting your media queries updated for the larger Apple devices.

If you need to target the specific devices, the following have worked in testing for me (your mileage may vary):

iPhone 6:
@media screen and (max-device-width: 667px) and (-webkit-device-pixel-ratio: 2) { ... }

iPhone 6 Plus:
@media screen and (min-device-width : 414px) and (max-device-height : 736px) and (max-resolution: 401dpi) { ... }

You’ll also need to make sure you’re specifying the necessary new splash screens in your bundles, otherwise you’ll revert to scaling.

Give it a shot!

Having trouble getting the latest build of Coda (2.0.12) to recognize your subversion binaries/repos? Try this, and let me know if it helps:

more…

We’ve been using PhoneGap a lot for our recent projects to help quickly develop simple mobile apps for clients. With the release of iOS 7, all apps are now running in ‘full screen’ mode, which creates an issue with your viewable content as none of our apps were compensating for the top status bar (and thus, overlaying headers, navigation, etc).

more…