2022 Pro display reference
A model-specific reference for the 2022 Pro, including what its display facts can establish and what a matching CSS width cannot tell you.
Reference scope: iPhone 14 Pro (2022), excluding iPhone 14, iPhone 14 Plus and iPhone 14 Pro Max.
Two measurement layers
The native display values come from Apple. CSS dimensions are a normalized testing baseline and remain dependent on browser state.
| Field | Reference value | Evidence scope |
|---|---|---|
| Display diagonal | 6.1 inches | Apple specification: 6.1-inch class; actual viewable area is less than the standard rectangle. |
| Native pixel grid | 1179 × 2556 | Apple-stated panel resolution in portrait width × height order. |
| Pixel density | 460 PPI | Apple-stated hardware density: 460 PPI. |
| CSS viewport | 393 × 852 CSS px | Normalized QA profile; not a live Safari measurement from this review. |
| Device pixel ratio | 3 | Assumed testing scale; confirm the browser-reported DPR when capturing evidence. |
| Record year | 2022 | Model-generation context; verify the exact configuration. |
| Reference CSS area | 334,836 CSS px² | Calculated from the normalized width and height; not physical screen area. |
Manufacturer-verified layer
Apple identifies Dynamic Island and ProMotion with adaptive refresh up to 120 Hz on this model. These details distinguish the hardware, but they do not establish a CSS breakpoint, an inset size or the frame rate a web animation will achieve.
Browser-dependent layer
The 393 × 852 profile matches the standard iPhone 16 profile in this database. Reuse width-based layout tests where appropriate; keep a separate real-device record when investigating older OS support, browser behavior or edge-aligned controls.
At DPR 3, the mapping uses 3 in each direction and 9 raster pixel units of area (DPR²). Browser zoom, OS scaling, and device downsampling can change the observed result.
Responsive testing decisions
This reference is useful when an issue is reported on iPhone 14 Pro but cannot be reproduced merely by choosing a similar screen width.
Start with the shared 393-pixel test, then compare OS and browser versions on the affected hardware. Avoid adding a model-name media query for a problem caused by browser behavior.
Check fixed headers and fullscreen media with safe-area environment variables. Record the actual insets rather than deriving them from the Dynamic Island name or the panel resolution.
Review scrolling and animations separately from geometry. A display capable of up to 120 Hz does not guarantee the page maintains that rate, and reduced-motion preferences still apply.
Compare the 375-pixel mini profile with this 393-pixel profile using the same heading, price and action labels. The 18-pixel change can alter a wrap without warranting a new layout class.
Limits of a static record
A model name and portrait reference cannot reproduce every browser, accessibility, orientation, keyboard, or safe-area condition.
Evidence and provenance
Apple confirms a 6.1-inch OLED display, 1179 × 2556 native pixels and 460 PPI for iPhone 14 Pro. The 393 × 852 CSS profile and DPR 3 are retained testing assumptions, not measurements of Safari. No real-device browser measurement was performed for this review.
Review method: AI-assisted review of Apple Support verified the 2022 Pro model, diagonal, resolution and PPI. Dynamic Island and adaptive refresh capability were checked only as hardware context. CSS dimensions, safe-area values and browser behavior were not measured on a device.
Reviewed September 5, 2026 by ScreenMetricLab Editorial Team.
Frequently asked questions
It supports reuse of a geometry test, not a claim that the devices or browser states are identical. Preserve model and software details when reproducing a real bug.
No numeric browser inset is established by this hardware reference. Read CSS safe-area environment variables and verify the actual fullscreen and orientation states.
They are the native display grid. The page uses a separate 393 × 852 CSS profile, whose live counterpart must be measured in the browser.
It provides an exact model and primary hardware source for reports tied to that generation, while explaining when an existing width-based test can be reused.
Continue testing
Related iPhone reference
iPhone 13 mini has a 5.4-inch display and 1080 × 2340 native pixels. Use its 375 × 812 CSS profile for compact-layout checks with clear measurement limits.
View referenceRelated iPhone reference
iPhone 15 / 15 Pro has a 6.1-inch display and 1179 × 2556 native pixels. Review its sourced hardware facts, CSS profile, DPR limits and practical QA uses.
View referenceRelated iPhone reference
Check the iPhone 16 6.1-inch display, 1179 × 2556 native resolution, 460 PPI, DPR 3 and 393 × 852 CSS viewport reference for mobile QA.
View referenceRelated iPhone reference
Check the iPhone 16 Pro 6.3-inch display, 1206 × 2622 native resolution, 460 PPI, DPR 3 and 402 × 874 CSS viewport reference.
View referenceLive browser tool
Measure the current layout and visual viewport before recording a device-specific QA result.
Check viewportMobile layout guide
Keep controls clear of rounded corners, browser UI, and device safe-area boundaries.
Read guide