Open dataset · CC BY 4.0

iPhone 13 mini screen size

iPhone 13 mini: 375 × 812 points at @3x, which is 1080 × 2340 pixels at 476 ppi on a 5.4-inch Super Retina XDR display.

Screen specs

iPhone 13 mini screen specs
Points375 × 812 pt
Pixels1080 × 2340 px
Scale@3x
Native scale2.88
PPI (Apple)476
PPI (computed from pixels and diagonal)475.5
Diagonal5.4 inches
Diagonal of the full rectangle5.42 inches
Aspect ratio6:13 (2.1667)
Display typeOLED
Display nameSuper Retina XDR
ProMotionNo
Always-OnNo
CutoutNotch
Home buttonNo
Face ID or Touch IDFace ID
Model identifiersiPhone14,4
Release year2021

Safe area insets

Safe area insets in points
OrientationTopRightBottomLeft
Portrait500340
Landscape0502050
iPhone 13 mini portrait: 375 × 812 points, safe area insets top 50, right 0, bottom 34, left 0iPhone 13 mini landscape: 812 × 375 points, safe area insets top 0, right 50, bottom 20, left 50

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 13 mini').

Corner radius (unofficial)

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

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

For web developers

CSS viewport: 375 × 812 CSS pixels in portrait, devicePixelRatio 3. CSS pixels equal points.

/* iPhone 13 mini, 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-top: env(safe-area-inset-top);       /* 50px on iPhone 13 mini 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 (375 × 812 pt at @3x):

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 13 mini 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 13 mini screen resolution?

1080 × 2340 pixels at 476 ppi, shown as 375 × 812 points at @3x.

What are the iPhone 13 mini safe area insets?

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

Does the iPhone 13 mini have the same screen size as the iPhone 12 mini?

Yes, for layout: both are 375 × 812 points at @3x, so apps and web pages lay out the same. Both have 1080 × 2340 pixels.

Data version 0.1.0, generated 2026-10-27.