Continuity with the preceding Pro
Its reference viewport matches the direct predecessor, so the existing compact-Pro target remains useful for automation and layout regression.
iPhone 17 Pro screen size
iPhone 17 Pro: 6.3″, 1206 × 2622, 460 PPI, 402 × 874 CSS viewport at DPR 3. It continues the compact-Pro layout group introduced by its predecessor, while the same-generation base model now shares that reference and consolidates current iPhone coverage.
To proportion
6.3″
- Display size
- 6.3″ (16 cm) diagonalofficial
- Resolution
- 1206 × 2622 pxofficial
- Pixel density
- 460 PPIofficial
- Aspect ratio
- 19.5:9calculated
- Physical size (display)
- 2.63″ × 5.72″ (6.7 × 14.5 cm)calculated
- CSS viewport
- 402 × 874 pxreference
- Device pixel ratio
- 3reference
- Release year
- 2025
For developers
/* iPhone 17 Pro — portrait reference, not a breakpoint */
viewport: 402 × 874 CSS px
panel: 1206 × 2622 · DPR 3
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1206 × 678
402px wide at DPR 3
Responsive testing plan
iPhone 17 Pro responsive workflow
Use the 402 × 874 CSS px at DPR 3 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Reuse the predecessor's automation for this model, updating named-device screenshots rather than adding breakpoints.
- Keep the preceding standard-iPhone group in the suite to catch regressions hidden by current-generation convergence.
Values marked official come from manufacturer specifications; calculated values are derived from them; reference values are developer layout references and can vary with browser, zoom and operating-system settings.
Sources: Apple · Facts reviewed 2026-06-11
Content reviewed 2026-08-27
Model-specific guidance
What this means for layout and testing
Base and Pro converge
The same-generation base and Pro models share the current reference viewport, allowing one layout target to cover both while visual checks retain their model names.
The preceding standard group still matters
The previous base-model group remains a neighboring regression target, so the consolidated current reference should complement rather than replace it.
Compare this device
The specifications below come from the device records; the notes explain why each comparison is useful.
| Device configuration | Matched to | Screen | Panel | Viewport / workspace | PPI |
|---|---|---|---|---|---|
| iPhone 17 Pro Current page | iPhone 17 Pro | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
| iPhone 16 Pro Same viewport; confirms the compact-Pro width carried across generations without change. | iPhone 17 Pro | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
| iPhone 17 The base model now matches the Pro's layout reference exactly, which the 16-generation base did not. | iPhone 17 Pro | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
Related tools
- Device Screen SizesBrowse sourced screen sizes, resolutions, CSS viewports, DPR and PPI for phones, tablets and laptops, with links to model-level specifications.
- Phone Screen SizesPhone screen size chart with display inches, resolution, PPI and aspect ratio; viewport references where available for tracked iPhone, Galaxy and Pixel phones, including foldables.
- Screen Size ComparisonCompare phone, tablet, laptop and monitor screens as proportional overlays — or against your own screen. True-size mode shows devices at real physical size.
- Viewport Size CheckerSee your browser's CSS viewport size and window size live. Updates as you resize — with current responsive breakpoint for developers.
- Responsive Breakpoint CheckerCheck the current responsive breakpoint live, compare Tailwind and Bootstrap defaults, and copy media queries for common viewport widths.
- Responsive Image CalculatorCalculate responsive image export sizes from CSS pixels and DPR. Generate srcset, sizes and CSS image-set snippets for crisp images.
- PPI CalculatorCalculate PPI from resolution and screen size. Instant results with the formula worked through your numbers, plus physical dimensions and dot pitch.