DEV Community

Cover image for iPhone 13-series viewports, resolution, and screen sizes
Andrew Malrowe
Andrew Malrowe

Posted on • Edited on

iPhone 13-series viewports, resolution, and screen sizes

The latest iPhone 13 series was announced on September 14, 2021.

The new iPhone 13 Mini, iPhone 13, iPhone 13 Pro, iPhone 13 Pro Max come in three sizes: 5.4", 6.1" and 6.7" and are very similar to their 12 Series predecessors. The new phones differ from last year's models with a thickness of 1mm.

It is important to notice that the new iPhone 13 series have a smaller notch (reduced width and increased height) and will use the iOS 15 that was released recently.

From a development perspective, it is important to know the Viewport Size, Screen Resolution, and CSS media queries for Apple's latest flagships as these devices hit the market on September 24th. The companies should prepare and adapt their web applications to be compatible with the new iPhones.

The new iPhones' Viewports, Screen Size, Screen Resolution, and CSS Media Query:

Pinterest images with the latest iPhone 13-series: https://www.pinterest.com/anddasjdsa/pins/

Top comments (0)