iPhone 8 Plus screen size
iPhone 8 Plus: 414 × 736 points at @3x, which is 1080 × 1920 pixels at 401 ppi on a 5.5-inch Retina HD display.
Screen specs
| Points | 414 × 736 pt |
|---|---|
| Pixels | 1080 × 1920 px |
| Scale | @3x |
| Native scale | 2.6087 |
| PPI (Apple) | 401 |
| PPI (computed from pixels and diagonal) | 400.5 |
| Diagonal | 5.5 inches |
| Aspect ratio | 9:16 (1.7778) |
| Display type | LCD |
| Display name | Retina HD |
| ProMotion | No |
| Always-On | No |
| Cutout | None |
| Home button | Yes |
| Face ID or Touch ID | Touch ID |
| Model identifiers | iPhone10,2, iPhone10,5 |
| Release year | 2017 |
Safe area insets
Safe areas haven't been measured for this device yet.
Corner radius (unofficial)
0 pt (unofficial). Apple doesn't publish this; measured from the Simulator's private display corner radius.
UNOFFICIAL: DeviceCornerRadius key in the Simulator device type (source: Xcode 27.1 Simulator device type 'iPhone 8 Plus', iPhone 8 Plus.simdevicetype capabilities.plist (static, not booted)); on the booted iOS 27 device types this key matched the private UIScreen _displayCornerRadius to within 0.34 pt (it differs only for the iPhone 12 family: 47/53 vs 47.33/53.33). Apple does not publish this value
For web developers
CSS viewport: 414 × 736 CSS pixels in portrait, devicePixelRatio 3. CSS pixels equal points.
/* iPhone 8 Plus, portrait */
@media (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) {
/* styles for this screen size */
}/* needs <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> */
.page { padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
/* this device's insets aren't measured yet */Safari's visible viewport is smaller than the screen because of the browser bars, so window.innerHeight is less than the height above until the bars collapse.
For iOS developers
- A 1 pt line is 3 pixels thick.
- A 44 pt tap target is 132 × 132 pixels.
- Assets: @3x.
UIScreen.main.bounds: 414 × 736 points (portrait).UIScreen.main.scale: 3;nativeScale: 2.6087 (the image is downsampled to the panel).
Same layout size
Same points and scale (414 × 736 pt at @3x):
Compare
- Previous iPhone Plus model: iPhone 7 Plus
Sources
- iPhone 8 Plus - Tech Specs, Apple: diagonal, resolution, ppi, display_type, refresh_rate, features
- HIG Layout: device screen dimensions, row 'iPhone 8 Plus' (snapshot 2026-07-02), Apple: logical_resolution, scale (archived copy)
- Hardware strings (cross-check source), Wikipedia: model_identifiers
- Xcode 27.1 (27A9275) Simulator: UIKit probe app (scripts/simulator/Measure.swift) and device-type capabilities.plist, measured 2026-10-27, Apple: corner_radius (unofficial)
Download and cite
/api/devices/iphone-8-plus.json: this device as JSON./api/devices.json: every device./api/devices.csv: every device as CSV.- github.com/aryansbtloe/apple-device-screen-specs: the dataset, JSON Schema and validator.
Data: Apple device screen specs by bestlatestapps.com (https://bestlatestapps.com/tools/apple-device-screen-sizes/), licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Built from Apple's published tech specs and Human Interface Guidelines, Wikipedia for model identifiers, and our own Xcode Simulator measurements.
Cite as: Singh, A. (2026). Apple Device Screen Specs (v0.1.0). Zenodo. https://doi.org/10.5281/zenodo.23819103
Link to this tool
Found it useful? You're welcome to link to it from your README, docs or blog.
Questions
What is the iPhone 8 Plus viewport size in CSS pixels?
414 × 736 CSS pixels in portrait, with a devicePixelRatio of 3. Safari's visible viewport is smaller while the browser bars show.
What is the iPhone 8 Plus screen resolution?
1080 × 1920 pixels at 401 ppi, shown as 414 × 736 points at @3x.
Does the iPhone 8 Plus have the same screen size as the iPhone 7 Plus?
Yes, for layout: both are 414 × 736 points at @3x, so apps and web pages lay out the same. Both have 1080 × 1920 pixels.
Data version 0.1.0, generated 2026-10-27.