iPhone 18 Pro screen size

iPhone 18 Pro: 6.3″ display, 1206 × 2622 resolution, 460 PPI, 402 × 874 CSS viewport at DPR 3. For responsive QA, iPhone 18 Pro is a current-generation coverage update rather than a new layout target: it joins the group already represented by iPhone 17 Pro and iPhone 17. Keep the older standard iPhone as the narrow boundary.

To proportion

6.3″

Compare with your screen →

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: 2026

For developers

/* iPhone 18 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

0px-575px

Image slot example

1206 × 678

402px wide at DPR 3

Test this device viewport

iPhone 18 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.

Open checklist Image assets for DPR Compare screen size

Model-specific checks

Use iPhone 18 Pro to refresh current-generation screenshots and browser baselines while retaining iPhone 17 Pro automation.
Pair the current group with iPhone 16 for navigation, forms, dense cards and modal padding around layout boundaries.

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-09-10

Content reviewed 2026-09-10

Model-specific guidance

What this means for layout and testing

One primary target covers the current Pro group

The new Pro, previous Pro and same-generation base model share one layout-facing group. Consolidate primary viewport automation, but retain named-device screenshots for release coverage.

The older base model is the pressure boundary

iPhone 16 represents the narrower group. Use it for navigation labels, form controls, dense cards and modal padding that can appear safe at the current width.

A shared viewport does not remove visual QA

The layout target can be reused, but browser rendering and screenshot baselines still need a current-device pass before the new model is considered covered.

Compare this device

The specifications below come from the device records; the notes explain why each comparison is useful.

Device	Screen	Panel	Viewport / workspace	PPI
iPhone 18 Pro Current page	6.3″	1206 × 2622	402 × 874	460
iPhone 17 Pro The direct predecessor confirms that the primary compact-Pro layout target can be reused while named-device screenshots and release coverage move forward.	6.3″	1206 × 2622	402 × 874	460
iPhone 17 The same-generation base model confirms that the current layout group is shared across model tiers rather than being a Pro-only target.	6.3″	1206 × 2622	402 × 874	460
iPhone 16 The preceding base model supplies the narrower boundary for testing wrapping and fixed-width assumptions outside the current group.	6.1″	1179 × 2556	393 × 852	460