The wide-end layout group continues
The new Pro Max stays with the previous Pro Max group. Reuse large-phone automation, then update the named-device screenshots and browser baselines.
iPhone 18 Pro Max screen size
iPhone 18 Pro Max: 6.9″ display, 1320 × 2868 resolution, 460 PPI, 440 × 956 CSS viewport at DPR 3. For responsive QA, iPhone 18 Pro Max is the current wide-end reference, not a replacement for smaller groups. Its value is validating wide composition while iPhone 18 Pro and the preceding Plus expose compression and intermediate-width assumptions.
To proportion
6.9″
- Display size
- 6.9″ (17.5 cm) diagonalofficial
- Resolution
- 1320 × 2868 pxofficial
- Pixel density
- 460 PPIofficial
- Aspect ratio
- 19.5:9calculated
- Physical size (display)
- 2.88″ × 6.27″ (7.3 × 15.9 cm)calculated
- CSS viewport
- 440 × 956 pxreference
- Device pixel ratio
- 3reference
- Release year
- 2026
For developers
/* iPhone 18 Pro Max — portrait reference, not a breakpoint */
viewport: 440 × 956 CSS px
panel: 1320 × 2868 · DPR 3
/* Test immediately below and above your layout breakpoints. */Tailwind breakpoint
base
0px-639px
Bootstrap breakpoint
xs
0px-575px
Image slot example
1320 × 744
440px wide at DPR 3
Test this device viewport
iPhone 18 Pro Max responsive workflow
Use the 440 × 956 CSS px at DPR 3 as a real QA target, then pair it with nearby widths for regression testing.
Model-specific checks
- Use iPhone 18 Pro Max for full-bleed media, two-column cards, tables and max-width container checks.
- Run the same flows on iPhone 18 Pro and iPhone 16 Plus to catch compression, wrapping and horizontal-control failures.
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
The current Pro exposes hidden compression bugs
The same-generation Pro represents the narrower current group. Pairing both models reveals cards, navigation and modals that only appear stable because the wide reference has extra room.
The preceding Plus tests the transition
The previous Plus sits between the standard and Pro Max groups. It is useful for max-width containers, two-column cards and horizontal controls near the large-phone transition.
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 Max Current page | 6.9″ | 1320 × 2868 | 440 × 956 | 460 |
| iPhone 17 Pro Max The direct predecessor is the clearest same-group reference for retaining large-phone regression coverage across the generation change. | 6.9″ | 1320 × 2868 | 440 × 956 | 460 |
| iPhone 18 Pro The same-generation Pro supplies the narrower current target for checking assumptions that the wide layout can hide. | 6.3″ | 1206 × 2622 | 402 × 874 | 460 |
| iPhone 16 Plus The preceding Plus provides a nearby large-screen boundary between the current Pro group and the widest reference. | 6.7″ | 1290 × 2796 | 430 × 932 | 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 SizesFilterable phone screen size chart with display inches, resolution, PPI, aspect ratio and viewport for the iPhone, Galaxy S and Pixel models tracked here.
- 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.