How iOS Apps Adapt to the various iPhone 14 Screen Sizes

  • iPhone 14 has the same screen resolution as iPhone 12, iPhone 12 Pro, iPhone 13 and iPhone 13 Pro: 1170×2532 pixels (390×844 points)
  • iPhone 14 Plus has the same screen resolution as iPhone 12 Pro Max and iPhone 13 Pro Max: 1284×2778 pixels (428×926 points)
  • iPhone 14 Pro has a slightly larger screen resolution compared to the iPhone 12/13 Pro: 1179×2556 pixels (393×852 points)
  • iPhone 14 Pro Max has a slightly larger screen resolution compared to the iPhone 12/13 Pro Max: 1290×2796 pixels (430×932 points)

iPhone 14

The iPhone 14 has the same size and behaviour as the iPhone 12, 12 Pro, 13 and 13 Pro. The notch is narrower on the iPhone 13/14 than on the 12.

Standard Zoom

The iPhone 14 has a resolution of 390×844 points at its native resolution.

Xcode 14 build of Adaptivity on iPhone 14 running iOS 16.0 in portrait
Xcode 14 build of Adaptivity on iPhone 14 running iOS 16.0 in landscape

Display Zoom

When Display Zoom is enabled, the iPhone 14 shows a zoomed up resolution of 320×693 points. This is the same resolution as the iPhone 11 Pro and iPhone 12 mini with Display Zoom but the iPhone 14 has slightly different bar heights.

Xcode 14 build of Adaptivity on iPhone 14 running iOS 16.0 in portrait with Display Zoom
Xcode 14 build of Adaptivity on iPhone 14 running iOS 16.0 in landscape with Display Zoom

iPhone 14 Plus

The iPhone 14 Plus has the same size and behaviour as the iPhone 12 Pro Max and 13 Pro Max. The notch is narrower on the 14 Plus and 13 Pro Max than on the 12 Pro Max.

Standard Zoom

The iPhone 14 Plus has a resolution of 428×926 points at its native resolution.

Xcode 14 build of Adaptivity on iPhone 14 Plus running iOS 16.0 in portrait
Xcode 14 build of Adaptivity on iPhone 14 Plus running iOS 16.0 in landscape

Display Zoom

When Display Zoom is enabled, the iPhone 14 Plus shows a zoomed up iPhone 11 Pro resolution of 375×812 points but with slightly different bar heights.

Xcode 14 build of Adaptivity on iPhone 14 Plus running iOS 16.0 in portrait with Display Zoom
Xcode 14 build of Adaptivity on iPhone 14 Plus running iOS 16.0 in landscape with Display Zoom

iPhone 14 Pro

Standard Zoom

The iPhone 14 Pro has a slightly larger resolution of 393×852 points at its native resolution than the iPhone 14’s 390×844 points. Since this is a new resolution, apps must be built with Xcode 14 or later to see it. The status bar is 12 points taller than the iPhone 14 to account for the Dynamic Island. The total navigation bar height (including the status bar) is only 7 points taller. The bottom bar is unchanged.

Xcode 14 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in portrait
Xcode 14 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in landscape
Xcode 13.4 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in portrait
Xcode 13.4 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in landscape

Display Zoom

When Display Zoom is enabled, the iPhone 14 Pro shows a zoomed up resolution of 320×693 points. It does not matter which version of Xcode the app is built with. This is the same resolution as the iPhone 11 Pro with Display Zoom but the iPhone 14 Pro has slightly different bar heights.

Xcode 14 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in portrait with Display Zoom
Xcode 14 build of Adaptivity on iPhone 14 Pro running iOS 16.0 in landscape with Display Zoom

iPhone 14 Pro Max

Standard Zoom

The iPhone 14 Pro Max has a slightly larger resolution of 430×932 points at its native resolution than the iPhone 14 Plus’s 428×926 points. Since this is a new resolution, apps must be built with Xcode 14 or later to see it. The status bar is 7 points taller than the iPhone 14 Plus to account for the Dynamic Island. The total navigation bar height (including the status bar) is only 7 points taller. The bottom bar is unchanged.

Xcode 14 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in portrait
Xcode 14 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in landscape
Xcode 13.4 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in portrait
Xcode 13.4 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in landscape

Display Zoom

When Display Zoom is enabled, the iPhone 14 Pro Max shows a zoomed up resolution of 375×812 points. It does not matter which version of Xcode the app is built with. This is the same resolution as the iPhone 11 Pro but the iPhone 14 Pro Max has slightly different bar heights.

Xcode 14 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in portrait with Display Zoom
Xcode 14 build of Adaptivity on iPhone 14 Pro Max running iOS 16.0 in landscape with Display Zoom

Conclusion

Apple have an excellent track record of providing backward compatibility with existing apps when new devices or versions of iOS are released. The iPhone 14 Pro models are no different. Bar heights when scaling do not match the original device in the simulators but do seem to match on real devices. To see the new resolutions of the iPhone 14 Pro and 14 Pro Max, apps must be built with Xcode 14 or later.

Adaptivity

The screenshots in this article were taken from my Adaptivity app. It is primarily a tool to visualize the different window sizes, layout margins, readable content guides, bar heights and Dynamic Type sizes that a modern, adaptive, iOS app uses when running on different devices and iPad multitasking sizes. This makes it the perfect tool to investigate the changes in appearance and behaviour of new devices. The layout views are also a great way to see how Stage Manager behaves and how apps transition between the different fixed sizes when resized and, when crossing a threshold, flip between compact- and regular-width size classes.

Other Articles That You Might Like

I have written a whole series of articles explaining the changes that have occurred to SF Symbols since their introduction in iOS 13. The most recent, SF Symbol Changes in iOS 16.0, has links to all the earlier articles. They demonstrate some of the superior features of Adaptivity’s SF Symbol browser compared with other browser apps.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Geoff Hackworth

Geoff Hackworth

Independent and freelance software developer for iPhone, iPad and Mac