Base and Pro share one layout target
Responsive coverage for the same-generation base model can be reused here because their primary layout references align in the current dataset.
iPhone 15 Pro screen size
iPhone 15 Pro: 6.1″, 1179 × 2556, 460 PPI, 393 × 852 CSS viewport at DPR 3. It shares its layout reference with the same-generation base model, but the next Pro generation moves to a wider group, making this a useful Pro-line transition rather than a unique breakpoint.
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
- 2023
For developers
/* iPhone 15 Pro — 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 15 Pro 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
- Reuse base-model layout tests for this target, then run separate visual checks where device rendering matters.
- Keep the following Pro generation in the regression matrix to expose issues hidden by its additional layout room.
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 · github.com · Facts reviewed 2026-09-16
Content reviewed 2026-09-16
Model-specific guidance
What this means for layout and testing
The following Pro moves groups
Its direct successor belongs to the next wider iPhone reference, so both generations remain useful when testing tight navigation and modal layouts.
Separate layout reuse from visual QA
A shared viewport reduces duplicate breakpoint testing, but it does not remove the need for model-specific screenshots and browser checks.
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 15 Pro Current page | iPhone 15 Pro | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 15 The base model is the same-generation reference for consolidating responsive automation across product tiers. | iPhone 15 Pro | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 16 Pro The direct Pro successor moves into a wider layout group, making it the relevant boundary comparison. | iPhone 15 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.