iPhone 4S screen size
iPhone 4S: 320 × 480 points at @2x, which is 640 × 960 pixels at 326 ppi on a 3.5-inch Retina display.
Screen specs
| Points | 320 × 480 pt |
|---|---|
| Pixels | 640 × 960 px |
| Scale | @2x |
| PPI (Apple) | 326 |
| PPI (computed from pixels and diagonal) | 329.7 |
| Diagonal | 3.5 inches |
| Aspect ratio | 2:3 (1.5) |
| Display type | LCD |
| Display name | Retina |
| ProMotion | No |
| Always-On | No |
| Cutout | None |
| Home button | Yes |
| Model identifiers | iPhone4,1 |
| Release year | 2011 |
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 2. CSS pixels equal points.
/* iPhone 4S, portrait */
@media (device-width: 320px) and (device-height: 480px) 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 × 480 points (portrait).UIScreen.main.scale: 2.
Same layout size
Same points and scale (320 × 480 pt at @2x):
Compare
Sources
- iPhone 4S - 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-4s.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
Link to this tool
Found it useful? You're welcome to link to it from your README, docs or blog.
Questions
What is the iPhone 4S viewport size in CSS pixels?
320 × 480 CSS pixels in portrait, with a devicePixelRatio of 2. Safari's visible viewport is smaller while the browser bars show.
What is the iPhone 4S screen resolution?
640 × 960 pixels at 326 ppi, shown as 320 × 480 points at @2x.
Does the iPhone 4S have the same screen size as the iPhone 4?
Yes, for layout: both are 320 × 480 points at @2x, so apps and web pages lay out the same. Both have 640 × 960 pixels.
Data version 0.1.0, generated 2026-10-27.