What is the viewport size of the iPhone 16 Pro Max?

The iPhone 16 Pro Max has a viewport size of 440×956 CSS pixels with a device pixel ratio of 3x. Its physical screen resolution is 1320×2868 pixels on a 6.9 inch display.

Which CSS breakpoint does the iPhone 16 Pro Max use?

The iPhone 16 Pro Max (440px wide) falls into the "default" breakpoint in Tailwind CSS, "xs" in Bootstrap 5, and "xs" in Material UI.

What is the device pixel ratio of the iPhone 16 Pro Max?

The iPhone 16 Pro Max has a device pixel ratio (DPR) of 3x, meaning each CSS pixel is rendered using 3×3 = 9 physical pixels. This gives the display sharp, high-density rendering for text and images.

Phone Apple Current

iPhone 16 Pro Max Viewport Size

440×956 CSS pixels · 1320×2868 physical pixels · 3x DPR

Display Specifications

Viewport Width

440px CSS pixels

Viewport Height

956px CSS pixels

Physical Width

1320px hardware pixels

Physical Height

2868px hardware pixels

Device Pixel Ratio

3x 1 CSS px = 3×3 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

6.9 inch diagonal

Aspect Ratio

19.5:9

Operating System

iOS 18

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 440px wide, the iPhone 16 Pro Max falls into these CSS framework breakpoints:

Tailwind CSS v4

default

min-width: 0

Bootstrap 5

min-width: 0

Material UI v6

min-width: 0

Related Devices

iPhone 14 Pro

393×852 · 3x DPR

default

iPhone 15

393×852 · 3x DPR

default

iPhone 15 Pro

393×852 · 3x DPR

default

iPhone 15 Pro Max

430×932 · 3x DPR

default

Audit your site on iPhone 16 Pro Max

See how your site looks at 440×956 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free