MoviView
Viewport size chart
Screen sizes 2026
The viewport of 143 phones, tablets and computers in CSS pixels, the size your CSS and media queries actually see, with the breakpoint each one falls into.
Free forever · PRO from US$5 a month
Viewport sizes by device
Width × height in CSS pixels, in portrait. In landscape the two numbers swap. Models marked Free are in MoviView's free plan.
Apple phones 45
| Model | Viewport | Bootstrap 5 | Tailwind |
|---|---|---|---|
| iPhone 18 Pro Max | 440 × 956 | xs | base |
| iPhone 18 Pro | 402 × 874 | xs | base |
| iPhone Air | 420 × 912 | xs | base |
| iPhone 17 Pro Max Free | 440 × 956 | xs | base |
| iPhone 17 Pro Free | 402 × 874 | xs | base |
| iPhone 17 | 402 × 874 | xs | base |
| iPhone 17e | 390 × 844 | xs | base |
| iPhone 16 Pro Max | 440 × 956 | xs | base |
| iPhone 16 Pro | 402 × 874 | xs | base |
| iPhone 16 Plus | 430 × 932 | xs | base |
| iPhone 16 Free | 393 × 852 | xs | base |
| iPhone 16e | 390 × 844 | xs | base |
| iPhone 15 Pro Max | 430 × 932 | xs | base |
| iPhone 15 Pro | 393 × 852 | xs | base |
| iPhone 15 Plus | 430 × 932 | xs | base |
| iPhone 15 | 393 × 852 | xs | base |
| iPhone 14 Pro Max | 430 × 932 | xs | base |
| iPhone 14 Pro | 393 × 852 | xs | base |
| iPhone 14 Plus | 428 × 926 | xs | base |
| iPhone 14 | 390 × 844 | xs | base |
| iPhone 13 Pro Max | 428 × 926 | xs | base |
| iPhone 13 Pro | 390 × 844 | xs | base |
| iPhone 13 | 390 × 844 | xs | base |
| iPhone 13 mini | 375 × 812 | xs | base |
| iPhone 12 Pro Max | 428 × 926 | xs | base |
| iPhone 12 Pro | 390 × 844 | xs | base |
| iPhone 12 | 390 × 844 | xs | base |
| iPhone 12 mini | 375 × 812 | xs | base |
| iPhone 11 Pro Max | 414 × 896 | xs | base |
| iPhone 11 Pro | 375 × 812 | xs | base |
| iPhone 11 | 414 × 896 | xs | base |
| iPhone XS Max | 414 × 896 | xs | base |
| iPhone XR | 414 × 896 | xs | base |
| iPhone XS | 375 × 812 | xs | base |
| iPhone X | 375 × 812 | xs | base |
| iPhone SE (2022) Free | 375 × 667 | xs | base |
| iPhone 8 Plus | 414 × 736 | xs | base |
| iPhone 8 | 375 × 667 | xs | base |
| iPhone 7 Plus | 414 × 736 | xs | base |
| iPhone 7 | 375 × 667 | xs | base |
| iPhone 6 / 6s | 375 × 667 | xs | base |
| iPhone SE (1st gen) | 320 × 568 | xs | base |
| iPhone 5 / 5s | 320 × 568 | xs | base |
| iPhone Duo (open) | 669 × 951 | sm | sm |
| iPhone Duo (closed) | 466 × 678 | xs | base |
Android phones 51
| Model | Viewport | Bootstrap 5 | Tailwind |
|---|---|---|---|
| Galaxy S26 Ultra | 412 × 891 | xs | base |
| Galaxy S26+ | 412 × 891 | xs | base |
| Galaxy S26 | 360 × 780 | xs | base |
| Galaxy S25 Ultra | 412 × 891 | xs | base |
| Galaxy S25 Edge | 412 × 891 | xs | base |
| Galaxy S25+ | 412 × 891 | xs | base |
| Galaxy S25 Free | 360 × 780 | xs | base |
| Galaxy S24 | 360 × 780 | xs | base |
| Galaxy S23 | 360 × 780 | xs | base |
| Galaxy S21 Ultra | 384 × 854 | xs | base |
| Galaxy S20 Ultra | 412 × 915 | xs | base |
| Galaxy S20 | 360 × 800 | xs | base |
| Galaxy Note20 Ultra | 412 × 883 | xs | base |
| Galaxy S10 | 360 × 760 | xs | base |
| Galaxy S9 | 360 × 740 | xs | base |
| Galaxy S8 | 360 × 740 | xs | base |
| Galaxy A55 | 412 × 892 | xs | base |
| Galaxy A54 | 412 × 892 | xs | base |
| Galaxy A36 | 412 × 918 | xs | base |
| Galaxy A35 | 412 × 892 | xs | base |
| Galaxy A51/71 | 412 × 914 | xs | base |
| Pixel 10 | 412 × 924 | xs | base |
| Pixel 9 Pro XL | 448 × 997 | xs | base |
| Pixel 9 Pro | 427 × 952 | xs | base |
| Pixel 9 Free | 412 × 924 | xs | base |
| Pixel 8 Pro | 448 × 997 | xs | base |
| Pixel 8 | 412 × 915 | xs | base |
| Pixel 8a | 412 × 915 | xs | base |
| Pixel 7 Pro | 412 × 892 | xs | base |
| Pixel 7 | 412 × 915 | xs | base |
| Pixel 7a | 412 × 915 | xs | base |
| Pixel 6 Pro | 412 × 892 | xs | base |
| Pixel 6 | 412 × 915 | xs | base |
| Pixel 5 | 393 × 851 | xs | base |
| Redmi Note 13 | 393 × 873 | xs | base |
| Xiaomi Mi 10T | 393 × 873 | xs | base |
| Redmi Note 9 Pro | 393 × 873 | xs | base |
| Xiaomi Mi 10 | 393 × 851 | xs | base |
| Redmi Note 8 | 393 × 851 | xs | base |
| OnePlus 13 | 412 × 905 | xs | base |
| OnePlus 12 | 412 × 905 | xs | base |
| OnePlus Nord 4 | 360 × 924 | xs | base |
| OnePlus Nord | 412 × 915 | xs | base |
| Moto G Power | 412 × 823 | xs | base |
| Moto G8 | 360 × 780 | xs | base |
| Huawei P40 Pro | 400 × 880 | xs | base |
| Huawei Mate 30 Pro | 392 × 800 | xs | base |
| Huawei P30 Pro | 360 × 780 | xs | base |
| Galaxy Z Fold 7 (open) | 984 × 1092 | md | md |
| Galaxy Z Fold 5 (closed) | 344 × 882 | xs | base |
| Galaxy Z Flip 7 | 360 × 840 | xs | base |
Tablets 37
| Model | Viewport | Bootstrap 5 | Tailwind |
|---|---|---|---|
| iPad Pro 13" (M4/M5) | 1032 × 1376 | lg | lg |
| iPad Pro 11" (M4/M5) | 834 × 1210 | md | md |
| iPad Air 13" (M2/M3) | 1024 × 1366 | lg | lg |
| iPad Air 11" (M2/M3) Free | 820 × 1180 | md | md |
| iPad (A16) | 820 × 1180 | md | md |
| iPad (10th gen) | 820 × 1180 | md | md |
| iPad mini (A17 Pro) | 744 × 1133 | sm | sm |
| iPad mini (6th gen) | 744 × 1133 | sm | sm |
| iPad Pro 12.9" (2018–2022) | 1024 × 1366 | lg | lg |
| iPad Pro 11" (2018–2022) | 834 × 1194 | md | md |
| iPad Air (4th & 5th gen) | 820 × 1180 | md | md |
| iPad (7th–9th gen) 10.2" | 810 × 1080 | md | md |
| iPad Air (3rd gen) | 834 × 1112 | md | md |
| iPad Pro 10.5" | 834 × 1112 | md | md |
| iPad Pro 12.9" (2015–2017) | 1024 × 1366 | lg | lg |
| iPad (5th & 6th gen) 9.7" | 768 × 1024 | md | md |
| iPad Pro 9.7" | 768 × 1024 | md | md |
| iPad Air 2 | 768 × 1024 | md | md |
| iPad mini (5th gen) | 768 × 1024 | md | md |
| iPad mini 4 | 768 × 1024 | md | md |
| Galaxy Tab S10 / S11 Ultra | 924 × 1480 | md | md |
| Galaxy Tab S9+ / S10+ | 876 × 1400 | md | md |
| Galaxy Tab S9 / S10 / S11 | 800 × 1280 | md | md |
| Galaxy Tab S9 FE / S10 FE | 720 × 1152 | sm | sm |
| Galaxy Tab A9+ | 800 × 1280 | md | md |
| Galaxy Tab S6 Lite | 800 × 1333 | md | md |
| Galaxy Tab S4 | 712 × 1138 | sm | sm |
| Google Pixel Tablet | 800 × 1280 | md | md |
| Xiaomi Pad 6 | 800 × 1280 | md | md |
| Lenovo Tab P11 | 800 × 1333 | md | md |
| Huawei MatePad Pro | 800 × 1280 | md | md |
| Amazon Fire HD 10 | 800 × 1280 | md | md |
| Surface Pro 9 / 10 / 11 | 960 × 1440 | md | md |
| Surface Pro 7 | 912 × 1368 | md | md |
| Surface Go 3 / 4 | 853 × 1280 | md | md |
| Nexus 9 | 768 × 1024 | md | md |
| Nexus 7 (2013) | 600 × 960 | sm | base |
Laptops and monitors 10
| Model | Viewport | Bootstrap 5 | Tailwind |
|---|---|---|---|
| Laptop 1280 | 1280 × 800 | xl | xl |
| Laptop HD Free | 1366 × 768 | xl | xl |
| MacBook Air 13" Free | 1470 × 956 | xxl | xl |
| MacBook Pro 14" | 1512 × 982 | xxl | xl |
| Dell Latitude | 1536 × 864 | xxl | 2xl |
| MacBook Air 15" | 1710 × 1107 | xxl | 2xl |
| MacBook Pro 16" | 1728 × 1117 | xxl | 2xl |
| Monitor Full HD | 1920 × 1080 | xxl | 2xl |
| iMac 24" | 2240 × 1260 | xxl | 2xl |
| Monitor QHD | 2560 × 1440 | xxl | 2xl |
Frequently asked questions
What's the difference between viewport and screen resolution?
The resolution counts the screen's physical pixels; the viewport counts CSS pixels, which is what the browser uses to lay out the page. On phones, each CSS pixel is made of several physical pixels, so the viewport is much smaller than the resolution. For responsive design, the viewport is the number that matters.
Which widths should I test?
At least a small phone (360 px), a large phone (around 430 px), a tablet (768 to 834 px) and a laptop (1280 to 1440 px). With MoviView you can see phone, tablet and desktop side by side in one click.
Are these sizes in portrait?
Yes: width × height in portrait. In landscape the numbers swap; for example, a 402 × 874 phone becomes 874 × 402.
Where do these sizes come from?
They're the viewport sizes MoviView uses for each device frame, so you can check your site at exactly these widths in your own Chrome.
