iPhone 5 screen size

Screen specs

Safe area insets

Safe areas haven't been measured for this device yet.

For web developers

CSS viewport: 320 × 568 CSS pixels in portrait, devicePixelRatio 2. CSS pixels equal points.

/* iPhone 5, portrait */
@media (device-width: 320px) and (device-height: 568px) 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: 320 × 568 points (portrait).
• UIScreen.main.scale: 2.

Same layout size

Same points and scale (320 × 568 pt at @2x):

• iPhone SE (1st generation)
• iPhone 5s
• iPhone 5c
• iPod touch (7th generation)
• iPod touch (6th generation)
• iPod touch (5th generation)

Compare

• Previous iPhone model: iPhone 4S
• Next iPhone model: iPhone 5s

Sources

• iPhone 5 - Tech Specs, Apple: diagonal, resolution, ppi, display_type, refresh_rate, features
• HIG Layout: device screen dimensions, row 'iPhone SE 4-inch' (snapshot 2026-07-02), Apple: logical_resolution, scale (archived copy)
• Hardware strings (cross-check source), Wikipedia: model_identifiers

Download and cite

• /api/devices/iphone-5.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

Also on: Zenodo and Kaggle

Questions