Open dataset · CC BY 4.0

iPhone Air screen size

iPhone Air: 420 × 912 points at @3x, which is 1260 × 2736 pixels at 460 ppi on a 6.5-inch Super Retina XDR display.

Screen specs

iPhone Air screen specs
Points420 × 912 pt
Pixels1260 × 2736 px
Scale@3x
PPI (Apple)460
PPI (computed from pixels and diagonal)459.9
Diagonal6.5 inches
Diagonal of the full rectangle6.55 inches
Aspect ratio35:76 (2.1714)
Display typeOLED
Display nameSuper Retina XDR
Maximum refresh rate120 Hz
ProMotionYes
Always-OnYes
CutoutDynamic Island
Home buttonNo
Face ID or Touch IDFace ID
Model identifiersiPhone18,4
Release year2025

Safe area insets

Safe area insets in points
OrientationTopRightBottomLeft
Portrait680340
Landscape0682068
iPhone Air portrait: 420 × 912 points, safe area insets top 68, right 0, bottom 34, left 0iPhone Air landscape: 912 × 420 points, safe area insets top 0, right 68, bottom 20, left 68

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 Air').

Corner radius (unofficial)

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

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

For web developers

CSS viewport: 420 × 912 CSS pixels in portrait, devicePixelRatio 3. CSS pixels equal points.

/* iPhone Air, portrait */
@media (device-width: 420px) and (device-height: 912px) 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-top: env(safe-area-inset-top);       /* 68px on iPhone Air 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

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 Air viewport size in CSS pixels?

420 × 912 CSS pixels in portrait, with a devicePixelRatio of 3. Safari's visible viewport is smaller while the browser bars show.

What is the iPhone Air screen resolution?

1260 × 2736 pixels at 460 ppi, shown as 420 × 912 points at @3x.

What are the iPhone Air safe area insets?

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

Data version 0.1.0, generated 2026-10-27.