A distinct same-generation target
Its reference viewport differs from the base model released alongside it, so a single same-generation iPhone target does not cover both layout groups.
iPhone 16 Pro screen size
iPhone 16 Pro: 6.3″, 1206 × 2622, 460 PPI, 402 × 874 CSS viewport at DPR 3. It established a compact-Pro layout group distinct from its same-generation base model, and that group later expanded to include both its Pro successor and the newer base iPhone.
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
- 2024
For developers
/* iPhone 16 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 16 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
- Pair this model with its same-generation base model to expose fixed-width assumptions across neighboring layout groups.
- Avoid creating a model-specific breakpoint; the same reference group is reused by later base and Pro devices.
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 Support · Facts reviewed 2026-08-27
Content reviewed 2026-08-27
Model-specific guidance
What this means for layout and testing
The group extends beyond Pro
The next base iPhone joins the same reference group, turning what began as a Pro-specific target into a broader current-generation layout reference.
Coverage can be consolidated
Automation for this group can be reused by later models that share it, while visual checks remain attached to the named devices that users actually see.
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 16 Pro Current page | iPhone 16 Pro | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
| iPhone 16 The same-generation base model belongs to the neighboring standard group, making this the most useful pair for layout regression. | iPhone 16 Pro | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 17 Pro The direct successor shares the same reference viewport, confirming that existing compact-Pro automation can be reused. | iPhone 16 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.