Open dataset · CC BY 4.0

iPhone 11 screen size

iPhone 11: 414 × 896 points at @2x, which is 828 × 1792 pixels at 326 ppi on a 6.1-inch Retina HD display.

Screen specs

iPhone 11 screen specs
Points414 × 896 pt
Pixels828 × 1792 px
Scale@2x
PPI (Apple)326
PPI (computed from pixels and diagonal)325.7
Diagonal6.1 inches
Diagonal of the full rectangle6.06 inches
Aspect ratio207:448 (2.1643)
Display typeLCD
Display nameRetina HD
ProMotionNo
Always-OnNo
CutoutNotch
Home buttonNo
Face ID or Touch IDFace ID
Model identifiersiPhone12,1
Release year2019

Safe area insets

Safe area insets in points
OrientationTopRightBottomLeft
Portrait480340
Landscape0482048
iPhone 11 portrait: 414 × 896 points, safe area insets top 48, right 0, bottom 34, left 0iPhone 11 landscape: 896 × 414 points, safe area insets top 0, right 48, bottom 20, left 48

Outline drawn to scale in points. Shaded bands are the insets; the dashed box is the safe area.

How it was measured: key window safeAreaInsets, portrait and landscape (interface orientation landscapeLeft, rotated with requestGeometryUpdate; landscapeRight identical) (source: Xcode 27.1 Simulator, iOS 27.0 (24A434) runtime, device type 'iPhone 11').

Corner radius (unofficial)

41.5 pt (unofficial). Apple doesn't publish this; measured from the Simulator's private display corner radius.

UNOFFICIAL: private UIScreen _displayCornerRadius = 41.5 pt (source: Xcode 27.1 Simulator, iOS 27.0 (24A434) runtime, device type 'iPhone 11'); Apple does not publish this value

For web developers

CSS viewport: 414 × 896 CSS pixels in portrait, devicePixelRatio 2. CSS pixels equal points.

/* iPhone 11, 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-top: env(safe-area-inset-top);       /* 48px on iPhone 11 in portrait */
  padding-right: env(safe-area-inset-right);   /* 0px */
  padding-bottom: env(safe-area-inset-bottom); /* 34px */
  padding-left: env(safe-area-inset-left);     /* 0px */
}

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

Same layout size

Same points and scale (414 × 896 pt at @2x):

Compare

Sources

Download and cite

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

Also on: Zenodo and Kaggle

Questions

What is the iPhone 11 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 11 screen resolution?

828 × 1792 pixels at 326 ppi, shown as 414 × 896 points at @2x.

What are the iPhone 11 safe area insets?

In portrait: top 48, right 0, bottom 34, left 0 points. In landscape: top 0, right 48, bottom 20, left 48 points. Values are top, right, bottom, left, measured in the Xcode Simulator.

Does the iPhone 11 have the same screen size as the iPhone XR?

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.