Phone viewport sizes 2026
iPhone
| iPhone 17 Pro Max | 440 × 956 | 3 | 1320 × 2868 |
| iPhone 17 Pro | 402 × 874 | 3 | 1206 × 2622 |
| iPhone Air | 420 × 912 | 3 | 1260 × 2736 |
| iPhone 17 | 402 × 874 | 3 | 1206 × 2622 |
| iPhone 16 Pro Max | 440 × 956 | 3 | 1320 × 2868 |
| iPhone 16 Pro | 402 × 874 | 3 | 1206 × 2622 |
| iPhone 16 / 15 | 393 × 852 | 3 | 1179 × 2556 |
| iPhone 15 Pro Max / 16 Plus | 430 × 932 | 3 | 1290 × 2796 |
| iPhone 16e / 14 / 13 | 390 × 844 | 3 | 1170 × 2532 |
| iPhone 13 mini | 375 × 812 | 3 | 1125 × 2436 |
| iPhone SE | 375 × 667 | 2 | 750 × 1334 |
Android
| Galaxy S25 Ultra | 412 × 891 | 3.5 | 1442 × 3119 |
| Galaxy S24 / S25 | 360 × 780 | 3 | 1080 × 2340 |
| Galaxy S20 Ultra | 412 × 915 | 3.5 | 1442 × 3203 |
| Galaxy A51 / A71 | 412 × 914 | 2.6 | 1071 × 2376 |
| Galaxy Z Fold5 (folded) | 344 × 882 | 3 | 1032 × 2646 |
| Pixel 7 / 8 | 412 × 915 | 2.6 | 1071 × 2379 |
| Android Large | 412 × 915 | 2.6 | 1071 × 2379 |
| Android Standard | 393 × 873 | 2.75 | 1081 × 2401 |
| Android Compact | 360 × 800 | 2 | 720 × 1600 |
Tablet and foldable viewport sizes
Tablets
| iPad mini | 744 × 1133 | 2 | 1488 × 2266 |
| iPad Air 11" / iPad | 820 × 1180 | 2 | 1640 × 2360 |
| iPad Pro 11" | 834 × 1194 | 2 | 1668 × 2388 |
| iPad Pro 12.9" | 1024 × 1366 | 2 | 2048 × 2732 |
| Android Tablet | 800 × 1280 | 2 | 1600 × 2560 |
| Surface Pro 7 | 912 × 1368 | 2 | 1824 × 2736 |
Foldables
| Device | Folded (cover) | Unfolded (inner) | Pixel ratio |
|---|---|---|---|
| iPhone Duo * | 466 × 678 | 951 × 669 | 3 |
| Galaxy Z Fold8 * | 475 × 751 | 933 × 704 | 2.625 |
| Galaxy Z Fold8 Ultra * | 412 × 960 | 954 × 860 | 2.625 |
| Xiaomi 18 Fold * | 425 × 623 | 860 × 608 | 2.75 |
| Galaxy Z Flip8 * | 361 × 399 | 412 × 960 | 2.625 |
Laptops and desktop
| Laptop 1280 | 1280 × 800 | 1 | 1280 × 800 |
| Laptop 1366 | 1366 × 768 | 1 | 1366 × 768 |
| MacBook Air 13" | 1470 × 956 | 2 | 2940 × 1912 |
| Desktop Full HD | 1920 × 1080 | 1 | 1920 × 1080 |
Most common widths to design for
- 360 px: the smallest common width; many Android phones.
- 375 px: iPhone SE and iPhone 13 mini.
- 390 to 402 px: most current iPhones.
- 412 to 440 px: large Android phones and Pro Max iPhones.
- 768 to 834 px: iPads in portrait.
- 1280 to 1440 px: most laptops.
Design mobile first at 360 px, then add breakpoints where your content breaks, not at specific devices. The responsive viewer shows exactly where that happens.
The viewport meta tag
None of these sizes apply unless your page has this line in its <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">
Without it, phones pretend to be about 980 px wide and shrink your page to fit, which makes text tiny and breaks every mobile breakpoint.
Questions
What is the most common mobile viewport width?
Most phones in use today are between 360 and 440 CSS px wide. 360 px (many Android phones), 390 to 402 px (most iPhones) and 412 px (large Android phones) are the widths to design for first.
What is the iPhone 17 viewport size?
iPhone 17 and iPhone 17 Pro are 402 × 874 CSS px at a pixel ratio of 3. iPhone 17 Pro Max is 440 × 956, and iPhone Air is 420 × 912.
What is the difference between CSS pixels and screen pixels?
Screen pixels are the physical dots on the display. CSS pixels are what your layout uses. The pixel ratio links them: an iPhone 17 Pro is 402 CSS px wide and 402 × 3 = 1206 screen pixels wide.
Why does my phone report a different size?
Display zoom and text size settings change the viewport. An iPhone with Display Zoom set to Larger Text reports a narrower width. Browser bars and the keyboard also change the visible height.
Feel free to link to this table. To see these sizes with your own site inside, try the mobile simulator.