Quick answer: The iPhone 17 and 17 Pro both have a 6.3-inch display. The iPhone Air is 6.6 inches, and the iPhone 17 Pro Max is the largest at 6.9 inches. The compact iPhone 17e stays at 6.1 inches.
Every iPhone 17 uses a Super Retina XDR OLED panel at 460 PPI. Where they differ is diagonal size, resolution, and refresh rate. Here is the full chart, including the CSS viewport width front-end developers actually build against.
iPhone 17 screen size chart
| Model | Screen size | Resolution | PPI | Refresh rate |
|---|---|---|---|---|
| iPhone 17e | 6.1″ | 2532 × 1170 | 460 PPI | 60Hz |
| iPhone 17 | 6.3″ | 2778 × 1284 | 460 PPI | 120Hz ProMotion |
| iPhone Air | 6.6″ | 2740 × 1260 | 460 PPI | 120Hz ProMotion |
| iPhone 17 Pro | 6.3″ | 2778 × 1284 | 460 PPI | 120Hz ProMotion |
| iPhone 17 Pro Max | 6.9″ | 2868 × 1320 | 460 PPI | 120Hz ProMotion |
All five share a 19.5:9 aspect ratio and 24-bit color. Only the entry-level iPhone 17e drops ProMotion, running at a fixed 60Hz. Browse the full iPhone lineup or every Apple screen size for older models.
iPhone 17 vs iPhone 16 sizes
If you are upgrading, the diagonals shifted slightly year over year:
- iPhone 16 was 6.1″ → iPhone 17 is 6.3″
- The new iPhone Air slots in at 6.6″ between the standard and Pro Max
- iPhone 17 Pro Max stays at the 6.9″ maximum
Line them up at true scale with iPhone 16 vs 17 or iPhone 17 vs 17 Pro Max.
Physical size vs CSS viewport width
The inch measurement is the diagonal of the glass — not the width your website sees. Every iPhone renders at a device pixel ratio of 3, so the logical (CSS) viewport is roughly one-third of the physical pixel width.
| Model | Resolution | Approx. CSS viewport (portrait) | DPR |
|---|---|---|---|
| iPhone 17e | 2532 × 1170 | ~390 × 844 | 3 |
| iPhone 17 / 17 Pro | 2778 × 1284 | ~402 × 874 | 3 |
| iPhone Air | 2740 × 1260 | ~420 × 913 | 3 |
| iPhone 17 Pro Max | 2868 × 1320 | ~440 × 956 | 3 |
Treat these as approximate. Safari's toolbar, Display Zoom ("Standard" vs "Zoomed"), and text-size settings all change the effective viewport. Confirm live values with the viewport checker, and see how DPR and CSS pixels work for the full explanation.
Which iPhone 17 size should you pick?
- Smallest / cheapest: the 6.1″ iPhone 17e — the only compact option and the only 60Hz screen.
- Mainstream: the 6.3″ iPhone 17 or 17 Pro — the same display size, so choose on cameras and build, not screen.
- Thin and large: the 6.6″ iPhone Air — more screen in a lighter body.
- Biggest screen: the 6.9″ iPhone 17 Pro Max — the sharpest, largest canvas Apple ships.
How to check your iPhone's screen size
Resolution is fixed per model, but you can confirm the live figures:
- Open the screen resolution checker in Safari to read reported pixels.
- Use the viewport checker for the CSS width your layout gets.
- Check device pixel ratio to confirm the 3× scaling.
For the physical diagonal, Apple lists it on each model's spec page, or measure corner to corner across the active display.
FAQ
- What size is the iPhone 17 screen?
- The iPhone 17 has a 6.3-inch Super Retina XDR OLED display at 2778 × 1284 and 460 PPI with 120Hz ProMotion. The iPhone 17 Pro shares the same 6.3-inch size.
- How big is the iPhone 17 Pro Max screen?
- The iPhone 17 Pro Max has a 6.9-inch display at 2868 × 1320 resolution and 460 PPI — the largest iPhone screen available.
- What size is the iPhone Air?
- The iPhone Air has a 6.6-inch Super Retina XDR OLED display at 2740 × 1260 and 460 PPI, sitting between the 6.3-inch iPhone 17 and the 6.9-inch Pro Max.
- What is the iPhone 17 viewport size in CSS pixels?
- The iPhone 17's viewport is roughly 402 × 874 CSS pixels at a device pixel ratio of 3. The exact value shifts with Safari's toolbar and Display Zoom — verify it with the viewport checker.
The short answer
The iPhone 17 and 17 Pro are 6.3 inches, the iPhone Air is 6.6 inches, the iPhone 17 Pro Max is 6.9 inches, and the iPhone 17e is 6.1 inches. All run at 460 PPI. For layout, remember the CSS viewport (~390–440px wide) is about a third of the physical pixel width.
Next: see full iPhone 17 specs, compare the iPhone 17 range, or read mobile screen sizes in 2026.
Related Articles
Continue reading with these related posts
Samsung Galaxy S25 & S26 Screen Sizes: Inches, Resolution, PPI
The Galaxy S25 measures 6.2 inches and the S25 Ultra 6.9 inches. This guide lists every Galaxy S25 and S26 model's screen size, resolution, pixel density, aspect ratio, refresh rate, and approximate CSS viewport width in one chart.
Android CSS Viewport Sizes 2026: Galaxy, Pixel, Oppo & More
Physical resolution is not your CSS width. This 2026 chart lists approximate CSS viewport sizes for current Android phones — Galaxy, Pixel, OnePlus, Xiaomi, Oppo, Vivo, Honor, and Motorola — derived from resolution and estimated DPR.
Screen Resolution vs Screen Size vs Pixel Density (PPI vs DPI Explained)
Confused about screen resolution, screen size, and pixel density? Learn the differences between PPI vs DPI, see real-world examples (iPhone 15 vs Galaxy S24), and discover how to calculate pixel density.