A step beyond the previous base model
Its direct predecessor has a slightly smaller reference canvas. Checking both neighboring widths can expose a tight layout boundary, but the small difference alone does not justify a new major breakpoint.
iPhone 15 screen size
iPhone 15: 6.1″, 1179 × 2556, 460 PPI, 393 × 852 CSS viewport at DPR 3. It establishes the tracked base-model layout group that continues with iPhone 16 and is shared by iPhone 15 Pro, allowing one responsive target to cover several named devices without collapsing their hardware checks.
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
Model-specific guidance
What this means
Shared across product tiers
The same-generation Pro model uses the same primary layout reference, which removes the need for a separate responsive target based on the product tier alone.
Carried into the next generation
The following base model keeps this reference, letting teams retain established automation while updating named-device and visual coverage.
Worked example · reference dimensions
Does the same diagonal mean the same layout space?
From iPhone 14 to iPhone 15, the reference canvas gains 3 CSS px in width and 8 in height. From iPhone 15 to iPhone 16, the width and height changes are 0 and 0 CSS px.
The first width increase is about 0.8%. All three list the same 6.1″ nominal diagonal. A shared diagonal does not specify the CSS canvas.
Portrait reference illustration. Differences are calculated between the named consecutive models. These small changes are shown at a common scale; the values above remain the useful comparison when the outlines look nearly identical.
CSS canvas, DPR and workspace values are references, not manufacturer guarantees or live browser measurements. Matching references alone do not guarantee identical fonts, line breaks or rendering across real devices.
Recorded facts and sources
- iPhone 15 · Facts verified 2026-09-16Recorded source 1 · Recorded source 2
- iPhone 14 · Facts verified 2026-09-16Recorded source 1 · Recorded source 2
- iPhone 16 · Facts verified 2026-08-07Recorded source 1
These are the dates of the recorded fact checks. A hardware specification source does not establish a browser viewport. Calculations and illustration assumptions are described above; no new device measurements are claimed.
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 Current page | iPhone 15 | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
| iPhone 14 The previous base model supplies the adjacent compact reference needed to test the generational layout change. | iPhone 15 | 6.1″ | 1170 × 2532 | 390 × 844 | 460 |
| iPhone 16 The direct successor keeps the same layout target, clarifying which responsive checks can carry forward unchanged. | iPhone 15 | 6.1″ | 1179 × 2556 | 393 × 852 | 460 |
For developers
For developers
/* iPhone 15 — 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 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
- Retain iPhone 14 beside this target when validating labels, navigation and fixed-width controls near the compact boundary.
- Share responsive automation with iPhone 15 Pro and iPhone 16, while keeping visual baselines tied to each named device.
Phones with a similar screen size
Devices with a similar viewport
Devices with a similar DPR
Sources and review dates
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-10-22
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 display dimensions, complete video pictures and A4 page size. View screens side by side or estimate physical size after calibration.
- 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.