iPhone

iPhone 16 Pro Max vs iPhone 17 Pro Max: screen size for websites

Same viewport. The iPhone 16 Pro Max and iPhone 17 Pro Max both give web pages 440 × 956 CSS pixels, so a site that fits one fits the other.

iPhone 16 Pro MaxiPhone 17 Pro Max
CSS viewport440 × 956440 × 956
Visible on first load440 × 800 (Safari (iOS 26))440 × 800 (Safari (iOS 26))
Device pixel ratio33
Physical resolution1320 × 28681320 × 2868
Screen size6.9″6.9″
Aspect ratio19.6:919.6:9
Tailwind breakpointbase styles onlybase styles only
Bootstrap tierxsxs
Full-width image needs1320px1320px
Released20242025

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPhone 16 Pro Max and iPhone 17 Pro Max at their exact sizes, next to each other.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

What the difference means for your site

Width: 440px vs 440px

Identical, so text wraps in exactly the same places.

Height: 956px vs 956px

On first load a page shows 800px on the iPhone 16 Pro Max and 800px on the iPhone 17 Pro Max, so “above the fold” is the same.

Questions people ask

Is the iPhone 16 Pro Max screen bigger than the iPhone 17 Pro Max for websites?

Same viewport. The iPhone 16 Pro Max and iPhone 17 Pro Max both give web pages 440 × 956 CSS pixels, so a site that fits one fits the other.

What are the viewport sizes of the iPhone 16 Pro Max and iPhone 17 Pro Max?

iPhone 16 Pro Max: 440 × 956 CSS px (DPR 3). iPhone 17 Pro Max: 440 × 956 CSS px (DPR 3).

Do I need to test my site on both?

Not for layout: they share a viewport. Test once.

More comparisons