An existing layout target
Its reference viewport already appears elsewhere in the tracked iPhone range, which makes it a coverage update rather than a new breakpoint requirement.
iPhone 17 screen size
iPhone 17: 6.3″, 1206 × 2622, 460 PPI, 402 × 874 CSS viewport at DPR 3. It joins an existing iPhone layout group rather than creating a new responsive width, so teams can update named-device coverage without adding a model-specific breakpoint.
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 — 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 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
- Keep the previous compact iPhone width in navigation and modal regression coverage.
- Do not create a media query for the model name; test the surrounding layout boundaries instead.
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-07
Model-specific guidance
What this means for layout and testing
More portrait room than the previous base model
The current dataset places it above the previous base model for usable portrait layout space while keeping it inside a familiar testing group.
Test the group, not only the model
Regression plans should retain nearby iPhone widths because a passing result at this reference does not prove the adjacent compact layouts are safe.
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 Current page | iPhone 17 | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
| iPhone 16 Use the previous base model to see how the standard iPhone layout target changed between generations. | iPhone 17 | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 17 Pro The Pro model is the useful same-generation, same-layout reference when deciding whether an existing regression target can be reused. | iPhone 17 | 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.