iPhone Air vs iPhone 17 Pro Max: screen size for websites
The iPhone 17 Pro Max is 20px wider and 44px taller in CSS pixels. Small enough that most layouts behave the same, but fixed widths between 420 and 440px will spill on the narrower one.
| iPhone Air | iPhone 17 Pro Max | |
|---|---|---|
| CSS viewport | 420 × 912 | 440 × 956 |
| Visible on first load | 420 × 756 (Safari (iOS 26)) | 440 × 800 (Safari (iOS 26)) |
| Device pixel ratio | 3 | 3 |
| Physical resolution | 1260 × 2736 | 1320 × 2868 |
| Screen size | 6.5″ | 6.9″ |
| Aspect ratio | 19.5:9 | 19.6:9 |
| Tailwind breakpoint | base styles only | base styles only |
| Bootstrap tier | xs | xs |
| Full-width image needs | 1260px | 1320px |
| Released | 2025 | 2025 |
See your site on both, side by side
Paste your address (or localhost:3000). doesitfit shows it on the iPhone Air 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: 420px vs 440px
Headings and buttons wrap differently: a line that fits in 440px can break onto two lines in 420px. Anything with a fixed width between the two makes the narrower screen scroll sideways (fix it).
Height: 912px vs 956px
On first load a page shows 756px on the iPhone Air and 800px on the iPhone 17 Pro Max, so “above the fold” differs by 44px.
Questions people ask
Is the iPhone Air screen bigger than the iPhone 17 Pro Max for websites?
The iPhone 17 Pro Max is 20px wider and 44px taller in CSS pixels. Small enough that most layouts behave the same, but fixed widths between 420 and 440px will spill on the narrower one.
What are the viewport sizes of the iPhone Air and iPhone 17 Pro Max?
iPhone Air: 420 × 912 CSS px (DPR 3). iPhone 17 Pro Max: 440 × 956 CSS px (DPR 3).
Do I need to test my site on both?
Yes if your layout has anything close to 440px wide. Test the narrower one first: it’s where things spill.
More comparisons
- iPhone 17 Pro vs iPhone 17 Pro Max
- iPhone 17 vs iPhone Air
- iPhone 16 Pro Max vs iPhone 17 Pro Max
- iPhone 17 Pro Max vs Samsung Galaxy S25 Ultra
- iPhone 17 Pro Max vs Google Pixel 10 Pro XL
- iPhone 18 Pro vs iPhone 18 Pro Max
- iPhone 17 vs iPhone 17e
- iPhone 17 Pro vs Samsung Galaxy S25
- iPhone 17 Pro vs Google Pixel 10
- iPhone Duo — outer screen vs iPhone 17 Pro
- iPhone 16 vs iPhone 17
- iPhone 16 Pro vs iPhone 17 Pro