iPhone (1st generation) screen size

Screen specs

Safe area insets

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

For web developers

CSS viewport: 320 × 480 CSS pixels in portrait, devicePixelRatio 1. CSS pixels equal points.

/* iPhone (1st generation), portrait */
@media (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1) {
  /* 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 1 pixel thick.
• A 44 pt tap target is 44 × 44 pixels.
• Assets: @1x.
• UIScreen.main.bounds: 320 × 480 points (portrait).
• UIScreen.main.scale: 1.

Same layout size

Same points and scale (320 × 480 pt at @1x):

• iPhone 3GS
• iPhone 3G
• iPod touch (3rd generation)
• iPod touch (2nd generation)
• iPod touch (1st generation)

Compare

• Next iPhone model: iPhone 3G

Sources

• iPhone - Tech Specs, Apple: diagonal, resolution, ppi, display_type, refresh_rate, features
• Hardware strings (cross-check source), Wikipedia: model_identifiers

Download and cite

• /api/devices/iphone-1st-generation.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