How iPad Apps Adapt to the New 8.3" iPad Mini

This is the latest in a series of articles explaining how iOS and Watch apps appear when run on hardware that didn’t exist when they were designed and built.

On 20th September 2021, Apple announced a 6th Generation iPad Mini with an 8.3" screen. There are now seven different iPad resolutions (in landscape):

8.3": 1133×744 points (2266×1488 pixels)
9.7": 1024×768 points (2048×1536 pixels)
10.2": 1080×810 points (2160×1620 pixels)
10.5": 1112×834 points (2224×1668 pixels)
10.9": 1180×820 points (2360×1640 pixels)
11.0": 1194×834 points (2388×1668 pixels)
12.9": 1366×1024 points (2732×2048 pixels)

Previous iPad mini models had a 7.9" screen but the same resolution as the 9.7" iPad: 1024×768 points. Whilst it was physically smaller, from a development perspective it could be considered equivalent to the 9.7" models. The new iPad mini’s screen is wider and shorter (in landscape).

How does the 8.3" iPad mini display apps? As always, what happens depends on which version of Xcode an app was built with and whether the app requires full-screen or not.

Xcode 12 / iOS 14 Builds

Non-Multitasking Apps

Xcode 12.5.1 / iOS 14.5 build of Adaptivity running on landscape 8.3" iPad mini simulator running iOS 15.0
Xcode 12.5.1 / iOS 14.5 build of Adaptivity running on portrait 8.3" iPad mini simulator running iOS 15.0

Xcode 13.0 / iOS 15.0 Builds

Xcode 13.0 / iOS 15.0 build of Adaptivity running on landscape 8.3" iPad mini simulator running iOS 15.0
Xcode 13.0 / iOS 15.0 build of Adaptivity running on portrait 8.3" iPad mini simulator running iOS 15.0

Split Screen Multitasking

Xcode 13.0 / iOS 15.0 build of Adaptivity running side-by-side on 8.3" iPad mini simulator running iOS 15.0

In an uneven split in landscape, the narrower app is 375 points (750 pixels) wide and compact width. The wider app is 748 points (1496 pixels) wide and regular width.

Xcode 13.0 / iOS 15.0 build of Adaptivity running side-by-side on 8.3" iPad mini simulator running iOS 15.0

In an uneven split in portrait, the narrower app is 320 points (640 pixels) wide. The wider app is 414 points (828 pixels) wide. Both apps have compact width.

Xcode 13.0 / iOS 15.0 build of Adaptivity running side-by-side on 8.3" iPad mini simulator running iOS 15.0

Slide Over

Xcode 13.0 / iOS 15.0 build of Adaptivity running in Slide Over on 8.3" iPad mini simulator running iOS 15.0
Xcode 13.0 / iOS 15.0 build of Adaptivity running in Slide Over on 8.3" iPad mini simulator running iOS 15.0

iPhone-Only Apps

On the 8.3" iPad, the actual size on screen of an iPhone-only app is 750×1334 pixels un-zoomed and 1112×1978 pixels when zoomed. The latter is a 1112 / 375 ≈ 2.97 scaling factor.

iPhone only build of Adaptivity running on 8.3" iPad mini simulator running iOS 15.0

Conclusion

In the past if we introduced new hardware with a new screen size, your apps were letterboxed. Well, we’re not going to be doing that anymore either. So, if you application is built against the iOS 13 SDK, then it will always be displayed at the native full-screen resolution of the screen.

Despite this claim, the 8.3" iPad mini follows previous behaviour when new screen sizes are introduced: for apps built with a non-latest Xcode, full-screen apps are scaled, and multitasking-aware apps see the new screen size.

Apple have stated that from April 2022, all iOS and iPadOS apps will need to be built with Xcode 13 and the iOS 15 SDK.

Adaptivity

Testimonials, more screenshots and information on all the features is available on my web site.

--

--

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

Independent and freelance software developer for iPhone, iPad and Mac