A boundary between base-model groups
It shares its reference viewport with its direct predecessor, while its direct successor moves into the group introduced by the same-generation Pro model.
iPhone 16 screen size
iPhone 16: 6.1″, 1179 × 2556, 460 PPI, 393 × 852 CSS viewport at DPR 3. It remains the reference for the previous standard-iPhone layout group, while its successor joins the compact-Pro group; teams need both groups without creating model-specific breakpoints.
To proportion
6.1″
- Display size
- 6.1″ (15.5 cm) diagonalofficial
- Resolution
- 1179 × 2556 pxofficial
- Pixel density
- 460 PPIofficial
- Aspect ratio
- 19.5:9calculated
- Physical size (display)
- 2.56″ × 5.54″ (6.5 × 14.1 cm)calculated
- CSS viewport
- 393 × 852 pxreference
- Device pixel ratio
- 3reference
- Release year
- 2024
For developers
/* iPhone 16 — portrait reference, not a breakpoint */
viewport: 393 × 852 CSS px
panel: 1179 × 2556 · DPR 3
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1179 × 663
393px wide at DPR 3
Responsive testing plan
iPhone 16 responsive workflow
Use the 393 × 852 CSS px at DPR 3 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Keep this reference beside the current base-model group in regression suites instead of replacing it outright.
- Test immediately around application breakpoints; a named-device viewport should validate behavior, not define the breakpoint itself.
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-08-07
Content reviewed 2026-08-27
Model-specific guidance
What this means for layout and testing
One target covers two base generations
Regression automation already covering the previous base model can be reused here, with named-device screenshots updated only where visual rendering matters.
Device groups are not breakpoints
The layout change in the successor is a reason to keep neighboring QA targets, not to introduce media queries tied to either model name.
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 Current page | iPhone 16 | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 15 The direct predecessor shares the same reference viewport, allowing the established base-model regression target to be reused. | iPhone 16 | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 17 The direct successor belongs to a different layout group, making this pair useful for testing the base-model transition. | iPhone 16 | 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.