iPhone XR screen size
iPhone XR: 414 × 896 points at @2x, which is 828 × 1792 pixels at 326 ppi on a 6.1-inch Retina HD display.
Screen specs
| Points | 414 × 896 pt |
|---|---|
| Pixels | 828 × 1792 px |
| Scale | @2x |
| PPI (Apple) | 326 |
| PPI (computed from pixels and diagonal) | 325.7 |
| Diagonal | 6.1 inches |
| Diagonal of the full rectangle | 6.06 inches |
| Aspect ratio | 207:448 (2.1643) |
| Display type | LCD |
| Display name | Retina HD |
| ProMotion | No |
| Always-On | No |
| Cutout | Notch |
| Home button | No |
| Face ID or Touch ID | Face ID |
| Model identifiers | iPhone11,8 |
| Release year | 2018 |
Safe area insets
Safe areas haven't been measured for this device yet.
Corner radius (unofficial)
41.5 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: 414 × 896 CSS pixels in portrait, devicePixelRatio 2. CSS pixels equal points.
/* iPhone XR, portrait */
@media (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
/* 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 2 pixels thick.
- A 44 pt tap target is 88 × 88 pixels.
- Assets: @2x.
UIScreen.main.bounds: 414 × 896 points (portrait).UIScreen.main.scale: 2.
Same layout size
Same points and scale (414 × 896 pt at @2x):
Compare
- Previous iPhone X model: iPhone X
Sources
- iPhone XR - Tech Specs, Apple: diagonal, resolution, ppi, display_type, refresh_rate, features
- HIG Layout: device screen dimensions, row 'iPhone XR' (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-xr.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 XR viewport size in CSS pixels?
414 × 896 CSS pixels in portrait, with a devicePixelRatio of 2. Safari's visible viewport is smaller while the browser bars show.
What is the iPhone XR screen resolution?
828 × 1792 pixels at 326 ppi, shown as 414 × 896 points at @2x.
Does the iPhone XR have the same screen size as the iPhone 11?
Yes, for layout: both are 414 × 896 points at @2x, so apps and web pages lay out the same. Both have 828 × 1792 pixels.
Data version 0.1.0, generated 2026-10-27.