Viewport sizes of 123 real devices
The exact CSS viewport (what a web page actually gets) of the phones, tablets, laptops and monitors people use in 2026, researched from real-traffic measurements, manufacturer specs and browser data. Not the screen resolution: the number your media queries see.
- iPhone 23
- Samsung Galaxy 24
- Google Pixel 15
- OnePlus, Xiaomi & Motorola 7
- Foldables 12
- iPad 10
- Android & Windows tablets 8
- MacBook 6
- Windows laptops 13
- Chromebooks 3
- Monitors 14
See your site on all of them
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
iPhone viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPhone 18 Pro Max | 440×956 | 3 | 1320×2868 | 2026 |
| iPhone 18 Pro | 402×874 | 3 | 1206×2622 | 2026 |
| iPhone Duo — outer screen | 382×678 | 3 | 1398×2034 | 2026 |
| iPhone Duo — unfolded | 951×669 | 3 | 2670×1878 | 2026 |
| iPhone 17 Pro Max | 440×956 | 3 | 1320×2868 | 2025 |
| iPhone 17 Pro | 402×874 | 3 | 1206×2622 | 2025 |
| iPhone Air | 420×912 | 3 | 1260×2736 | 2025 |
| iPhone 17 | 402×874 | 3 | 1206×2622 | 2025 |
| iPhone 17e | 390×844 | 3 | 1170×2532 | 2026 |
| iPhone 16 Pro Max | 440×956 | 3 | 1320×2868 | 2024 |
| iPhone 16 Pro | 402×874 | 3 | 1206×2622 | 2024 |
| iPhone 16 Plus | 430×932 | 3 | 1290×2796 | 2024 |
| iPhone 16 | 393×852 | 3 | 1179×2556 | 2024 |
| iPhone 16e | 390×844 | 3 | 1170×2532 | 2025 |
| iPhone 15 Pro Max / 15 Plus | 430×932 | 3 | 1290×2796 | 2023 |
| iPhone 15 / 15 Pro | 393×852 | 3 | 1179×2556 | 2023 |
| iPhone 14 Pro Max | 430×932 | 3 | 1290×2796 | 2022 |
| iPhone 14 Pro | 393×852 | 3 | 1179×2556 | 2022 |
| iPhone 14 Plus / 13 Pro Max / 12 Pro Max | 428×926 | 3 | 1284×2778 | 2022 |
| iPhone 14 / 13 / 12 | 390×844 | 3 | 1170×2532 | 2022 |
| iPhone 13 mini / 12 mini | 375×812 | 3 | 1080×2340 | 2021 |
| iPhone 11 / XR | 414×896 | 2 | 828×1792 | 2019 |
| iPhone SE (2nd & 3rd gen) | 375×667 | 2 | 750×1334 | 2022 |
Samsung Galaxy viewport sizes
Google Pixel viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Google Pixel 10 Pro XL | 448×998 | 2.25 | 1344×2992 | 2025 |
| Google Pixel 10 Pro | 427×952 | 2.53125 | 1280×2856 | 2025 |
| Google Pixel 10 | 412×924 | 2.625 | 1080×2424 | 2025 |
| Google Pixel 10a | 412×924 | 2.625 | 1080×2424 | 2026 |
| Google Pixel 10 Pro Fold — outer | 444×970 | 2.4375 | 1080×2364 | 2025 |
| Google Pixel 10 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2025 |
| Google Pixel 9 Pro XL | 448×998 | 2.25 | 1344×2992 | 2024 |
| Google Pixel 9 Pro | 427×952 | 2.53125 | 1280×2856 | 2024 |
| Google Pixel 9 | 412×924 | 2.625 | 1080×2424 | 2024 |
| Google Pixel 9a | 412×924 | 2.625 | 1080×2424 | 2025 |
| Google Pixel 9 Pro Fold — outer | 444×995 | 2.4375 | 1080×2424 | 2024 |
| Google Pixel 9 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2024 |
| Google Pixel 8 Pro | 448×998 | 2.25 | 1344×2992 | 2023 |
| Google Pixel 8 | 412×915 | 2.625 | 1080×2400 | 2023 |
| Google Pixel 8a | 412×915 | 2.625 | 1080×2400 | 2024 |
OnePlus, Xiaomi and Motorola viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| OnePlus 13 / 12 | 412×906 | 2.625 | 1440×3168 | 2025 |
| Xiaomi 15 / 14 | 400×890 | 3 | 1200×2670 | 2025 |
| Xiaomi Redmi Note 14 Pro 5G | 407×905 | 3 | 1220×2712 | 2025 |
| Xiaomi Redmi Note 13 / 14 (4G) | 393×873 | 2.75 | 1080×2400 | 2024 |
| Motorola Moto G Power (2025) | 444×980 | 2.4375 | 1080×2388 | 2025 |
| Motorola Moto G (2025) | 412×917 | 1.75 | 720×1604 | 2025 |
| Motorola Moto G Stylus 5G (2024) | 432×960 | 2.5 | 1080×2400 | 2024 |
Foldable phone viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPhone Duo — outer screen | 382×678 | 3 | 1398×2034 | 2026 |
| iPhone Duo — unfolded | 951×669 | 3 | 2670×1878 | 2026 |
| Samsung Galaxy Z Fold 7 — cover | 412×960 | 2.625 | 1080×2520 | 2025 |
| Samsung Galaxy Z Fold 7 — unfolded | 750×832 | 2.625 | 1968×2184 | 2025 |
| Samsung Galaxy Z Fold 6 — cover | 369×906 | 2.625 | 968×2376 | 2024 |
| Samsung Galaxy Z Fold 6 — unfolded | 708×823 | 2.625 | 1856×2160 | 2024 |
| Samsung Galaxy Z Flip 7 | 412×960 | 2.625 | 1080×2520 | 2025 |
| Samsung Galaxy Z Flip 6 | 412×1006 | 2.625 | 1080×2640 | 2024 |
| Google Pixel 10 Pro Fold — outer | 444×970 | 2.4375 | 1080×2364 | 2025 |
| Google Pixel 10 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2025 |
| Google Pixel 9 Pro Fold — outer | 444×995 | 2.4375 | 1080×2424 | 2024 |
| Google Pixel 9 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2024 |
iPad viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPad Pro 13″ (M4/M5) | 1032×1376 | 2 | 2064×2752 | 2025 |
| iPad Pro 11″ (M4/M5) | 834×1210 | 2 | 1668×2420 | 2025 |
| iPad Air 13″ (M2–M4) | 1024×1366 | 2 | 2048×2732 | 2026 |
| iPad Air 11″ (M2–M4) | 820×1180 | 2 | 1640×2360 | 2026 |
| iPad 11″ (A16) / 10th gen | 820×1180 | 2 | 1640×2360 | 2025 |
| iPad mini (A17 Pro) / 6th gen | 744×1133 | 2 | 1488×2266 | 2024 |
| iPad 10.2″ (7th–9th gen) | 810×1080 | 2 | 1620×2160 | 2021 |
| iPad Pro 12.9″ (2018–2022) | 1024×1366 | 2 | 2048×2732 | 2022 |
| iPad Pro 11″ (2018–2022) | 834×1194 | 2 | 1668×2388 | 2022 |
| iPad 9.7″ / mini (classic) | 768×1024 | 2 | 1536×2048 | 2018 |
Android and Windows tablet viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Samsung Galaxy Tab S11 Ultra / S10 Ultra | 924×1480 | 2 | 1848×2960 | 2025 |
| Samsung Galaxy Tab S10+ / S9+ | 876×1400 | 2 | 1752×2800 | 2024 |
| Samsung Galaxy Tab S11 / S9 (11″) | 800×1280 | 2 | 1600×2560 | 2025 |
| Samsung Galaxy Tab A9+ | 800×1280 | 1.5 | 1200×1920 | 2023 |
| Amazon Fire HD 10 | 800×1280 | 1.5 | 1200×1920 | 2023 |
| Lenovo Tab M11 | 800×1280 | 1.5 | 1200×1920 | 2024 |
| Microsoft Surface Pro 13″ (11th/12th Ed.) | 960×1440 | 2 | 1920×2880 | 2024 |
| Microsoft Surface Pro 12″ | 976×1464 | 1.5 | 1464×2196 | 2025 |
MacBook viewport sizes (CSS pixels)
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| MacBook Air 13″ (M2–M5) | 1470×956 | 2 | 2560×1664 | 2026 |
| MacBook Air 15″ (M2–M5) | 1710×1107 | 2 | 2880×1864 | 2026 |
| MacBook Pro 14″ (2021–2026) | 1512×982 | 2 | 3024×1964 | 2026 |
| MacBook Pro 16″ (2021–2026) | 1728×1117 | 2 | 3456×2234 | 2026 |
| MacBook Neo 13″ | 1408×881 | 2 | 2408×1506 | 2026 |
| MacBook Air 13″ (M1) / Pro 13″ | 1440×900 | 2 | 2560×1600 | 2020 |
Windows laptop viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| 15.6″ / 17″ Full HD @ 125% | 1536×864 | 1.25 | 1920×1080 | – |
| HD laptop 1366×768 | 1366×768 | 1 | 1366×768 | – |
| 13–14″ WUXGA 1920×1200 @ 150% | 1280×800 | 1.5 | 1920×1200 | – |
| 16″ WUXGA 1920×1200 @ 125% | 1536×960 | 1.25 | 1920×1200 | – |
| 13–14″ Full HD @ 150% | 1280×720 | 1.5 | 1920×1080 | – |
| 14″ 2.8K OLED 2880×1800 @ 200% | 1440×900 | 2 | 2880×1800 | – |
| 16″ 2560×1600 @ 150% (gaming / creator) | 1707×1067 | 1.5 | 2560×1600 | – |
| Microsoft Surface Laptop 7/8 — 13.8″ | 1536×1024 | 1.5 | 2304×1536 | 2025 |
| Microsoft Surface Laptop 7 — 15″ | 1664×1110 | 1.5 | 2496×1664 | 2024 |
| Microsoft Surface Laptop 13″ | 1280×854 | 1.5 | 1920×1280 | 2025 |
| Dell XPS 16 3.2K OLED | 1600×1000 | 2 | 3200×2000 | 2026 |
| Framework Laptop 13 (2256×1504) | 1504×1003 | 1.5 | 2256×1504 | 2023 |
| Framework Laptop 13 (2.8K) | 1440×960 | 2 | 2880×1920 | 2024 |
Chromebook viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Chromebook 11–14″ HD | 1366×768 | 1 | 1366×768 | – |
| Chromebook 13–14″ Full HD | 1536×864 | 1.25 | 1920×1080 | – |
| Chromebook Plus 14″ WUXGA | 1536×960 | 1.25 | 1920×1200 | 2024 |
Desktop monitor viewport sizes
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| 24″ Full HD 1920×1080 | 1920×1080 | 1 | 1920×1080 | – |
| 27″ QHD 2560×1440 | 2560×1440 | 1 | 2560×1440 | – |
| 27–32″ 4K @ 150% (Windows) | 2560×1440 | 1.5 | 3840×2160 | – |
| 27″ 4K on a Mac (default) | 1920×1080 | 2 | 3840×2160 | – |
| 29″ Ultrawide 2560×1080 | 2560×1080 | 1 | 2560×1080 | – |
| 34″ Ultrawide 3440×1440 | 3440×1440 | 1 | 3440×1440 | – |
| 49″ Super-ultrawide 5120×1440 | 5120×1440 | 1 | 5120×1440 | – |
| 19″ 1440×900 (legacy) | 1440×900 | 1 | 1440×900 | – |
| 20″ 1600×900 (legacy) | 1600×900 | 1 | 1600×900 | – |
| 22″ 1680×1050 (legacy) | 1680×1050 | 1 | 1680×1050 | – |
| 17–19″ 1280×1024 (5:4) | 1280×1024 | 1 | 1280×1024 | – |
| iMac 24″ (4.5K) | 2240×1260 | 2 | 4480×2520 | 2024 |
| Studio Display 27″ (5K) | 2560×1440 | 2 | 5120×2880 | 2026 |
| Pro Display XDR 32″ (6K) | 3008×1692 | 2 | 6016×3384 | 2019 |
Guides that help
- What is a viewport? CSS pixels vs screen resolutionA viewport is the area your page is laid out in, measured in CSS pixels, not screen pixels. See real numbers from iPhones and MacBooks, then check yours.Guides · 8 min read
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- Most common screen resolutions in 2026 (real data)StatCounter's August 2026 figures for the most common desktop, mobile and tablet screen resolutions, what they really measure, and which sizes to test.Data · 7 min read