Manufacturer-verified layer
What the hardware values establish
The standard iPhone 16 keeps the familiar 6.1-inch class and 460 PPI density. Its native pixel grid is a hardware fact; it should not be pasted into a CSS media query.
Source-verified iPhone display reference
iPhone 16 Screen Size, Resolution and Viewport
Separate Apple-verified display hardware from the normalized CSS viewport used for responsive testing, screenshots, and browser QA.
Two measurement layers
Hardware specifications and browser reference
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; actual viewable area is less because of rounded corners. |
| Native pixel grid | 1179 × 2556 | Apple hardware specification. |
| Pixel density | 460 PPI | Apple hardware specification. |
| CSS viewport | 393 × 852 CSS px | Normalized portrait testing reference; verify live. |
| Device pixel ratio | 3 | Normalized mapping reference for screenshots and browser QA. |
| Reference CSS area | 334,836 CSS px² | Calculated from the normalized width and height; not physical screen area. |
Browser-dependent layer
How to use the CSS reference
Use 393 CSS pixels as a focused modern-iPhone width check. It is narrow enough to expose wrapping pressure without representing the shortest compact-phone height in the database.
Responsive testing decisions
Use iPhone 16 as the standard current-iPhone baseline
This record is most useful when a team needs one mainstream iPhone width before expanding coverage to compact, Pro, and Max references.
Navigation and header QA
Check whether account actions, menus, search, and long localized labels still fit at 393 CSS pixels without relying on horizontal scrolling.
Checkout and form review
Validate input labels, error messages, payment controls, and sticky submit actions with the on-screen keyboard and browser controls present.
Screenshot reconciliation
Record CSS viewport, DPR, and native resolution together so a 1179-pixel-wide screenshot is not mistaken for a 1179 CSS-pixel layout.
Standard-to-Pro comparison
Pair this page with the iPhone 16 Pro reference to catch line wraps and fold changes caused by a modest nine-pixel width increase.
Limits of a static record
Verify the state that users actually experience
A model name and portrait reference cannot reproduce every browser, accessibility, orientation, keyboard, or safe-area condition.
- Do not assume 393 × 852 is the visible viewport in every Safari state; collapsing browser controls and the keyboard change available height.
- Respect safe-area environment variables for edge-aligned controls instead of inferring inset values from the rectangular screen resolution.
- Test increased text size because reflow pressure can matter more than the small differences between current iPhone widths.
- Use real-device testing for critical gestures, keyboards, camera capture, installation prompts, and browser-specific viewport bugs.
Evidence and provenance
One source, two clearly labelled scopes
Apple verifies the 6.1-inch display, 1179 × 2556 native pixel grid in portrait width × height order, and 460 PPI. The 393 × 852 CSS viewport is a normalized portrait testing reference, not an Apple hardware specification or a guaranteed live Safari viewport.
Review method: Display diagonal, native resolution, and pixel density were checked against Apple Support. The CSS viewport was reviewed as a normalized DPR 3 browser-testing reference and is labelled separately from hardware facts.
Reviewed August 14, 2026 by ScreenMetricLab Editorial Team.
Frequently asked questions
Questions about the iPhone 16 display reference
Is the iPhone 16 viewport 393 × 852?
It is a useful normalized portrait reference at DPR 3. The live layout and visual viewport can differ with browser controls, orientation, zoom, keyboard state, and accessibility settings.
Is 1179 × 2556 the CSS viewport?
No. That is the native physical pixel grid in portrait width × height order. Responsive CSS normally reacts to the browser viewport measured in CSS pixels.
What DPR should I use for iPhone 16 screenshots?
DPR 3 is the normalized mapping for this reference. Capture the live device values when pixel-exact screenshot comparison matters.
Should I test iPhone 16 and iPhone 16 Pro separately?
For important flows, yes. Their references are close, but small width and height differences can change wrapping, sticky UI, and above-the-fold content.
Continue testing
Related iPhone references, comparisons, and guides
Related comparison
iPhone 16 vs iPhone 16 Pro Screen Comparison
Compare iPhone 16 and iPhone 16 Pro viewport and resolution references for responsive testing and mobile design QA.
Open comparisonRelated comparison
iPhone SE vs iPhone 16 Screen Comparison
Compare iPhone SE and iPhone 16 references to see how small-screen layouts differ from modern full-screen iPhone layouts.
Open comparisonRelated iPhone reference
iPhone 16 Plus Screen Size, Resolution & Viewport
Check the iPhone 16 Plus 6.7-inch display, 1290 × 2796 native resolution, 460 PPI, DPR 3 and 430 × 932 CSS viewport reference.
View referenceRelated iPhone reference
iPhone 16 Pro Screen Size, Resolution & Viewport
Check the iPhone 16 Pro 6.3-inch display, 1206 × 2622 native resolution, 460 PPI, DPR 3 and 402 × 874 CSS viewport reference.
View referenceRelated iPhone reference
iPhone 16 Pro Max Screen Size & Viewport
Check the iPhone 16 Pro Max 6.9-inch display, 1320 × 2868 native resolution, 460 PPI, DPR 3 and 440 × 956 CSS viewport reference.
View referenceRelated iPhone reference
iPhone SE 3rd gen
Small iPhone viewport useful for compact layout checks.
View reference