iPhone X screen size
iPhone X: 375 × 812 points at @3x, which is 1125 × 2436 pixels at 458 ppi on a 5.8-inch Super Retina HD display.
Screen specs
| Points | 375 × 812 pt |
|---|---|
| Pixels | 1125 × 2436 px |
| Scale | @3x |
| PPI (Apple) | 458 |
| PPI (computed from pixels and diagonal) | 458.7 |
| Diagonal | 5.8 inches |
| Diagonal of the full rectangle | 5.85 inches |
| Aspect ratio | 375:812 (2.1653) |
| Display type | OLED |
| Display name | Super Retina HD |
| ProMotion | No |
| Always-On | No |
| Cutout | Notch |
| Home button | No |
| Face ID or Touch ID | Face ID |
| Model identifiers | iPhone10,3, iPhone10,6 |
| Release year | 2017 |
Safe area insets
Safe areas haven't been measured for this device yet.
Corner radius (unofficial)
39 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 X', iPhone X.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: 375 × 812 CSS pixels in portrait, devicePixelRatio 3. CSS pixels equal points.
/* iPhone X, portrait */
@media (device-width: 375px) and (device-height: 812px) 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: 375 × 812 points (portrait).UIScreen.main.scale: 3.
Same layout size
Same points and scale (375 × 812 pt at @3x):
Compare
- Next iPhone X model: iPhone XS
Sources
- iPhone X - Tech Specs, Apple: diagonal, resolution, ppi, display_type, refresh_rate, features
- HIG Layout: device screen dimensions, row 'iPhone X' (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-x.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 X viewport size in CSS pixels?
375 × 812 CSS pixels in portrait, with a devicePixelRatio of 3. Safari's visible viewport is smaller while the browser bars show.
What is the iPhone X screen resolution?
1125 × 2436 pixels at 458 ppi, shown as 375 × 812 points at @3x.
Does the iPhone X have the same screen size as the iPhone 13 mini?
Yes, for layout: both are 375 × 812 points at @3x, so apps and web pages lay out the same. Pixels differ: 1125 × 2436 on the iPhone X and 1080 × 2340 on the iPhone 13 mini.
Data version 0.1.0, generated 2026-10-27.