These are the viewport sizes, in CSS pixels, that Mobile Preview uses for each device frame. Use them to check how your layout behaves on real phone and tablet sizes. They are layout sizes, not screen resolutions: the physical pixel count is higher.
iPhone
| Device | Portrait | Landscape | Camera |
|---|---|---|---|
| iPhone 11 | 414 × 896 | 896 × 414 | notch |
| iPhone 12 Mini | 375 × 812 | 812 × 375 | notch |
| iPhone 13 Pro | 390 × 844 | 844 × 390 | notch |
| iPhone 14 Pro | 393 × 852 | 852 × 393 | Dynamic Island |
| iPhone 15 | 393 × 852 | 852 × 393 | Dynamic Island |
| iPhone 15 Pro Max | 430 × 932 | 932 × 430 | Dynamic Island |
| iPhone 16 | 393 × 852 | 852 × 393 | Dynamic Island |
| iPhone 16 Pro | 402 × 874 | 874 × 402 | Dynamic Island |
| iPhone 16 Pro Max | 440 × 956 | 956 × 440 | Dynamic Island |
| iPhone 17 | 402 × 874 | 874 × 402 | Dynamic Island |
| iPhone 17 Pro | 402 × 874 | 874 × 402 | Dynamic Island |
| iPhone 17 Pro Max | 440 × 956 | 956 × 440 | Dynamic Island |
| iPhone 18 Pro | 402 × 874 | 874 × 402 | Dynamic Island |
| iPhone 18 Pro Max | 440 × 956 | 956 × 440 | Dynamic Island |
| iPhone Air | 420 × 912 | 912 × 420 | Dynamic Island |
Android phones
| Device | Portrait | Landscape | Camera |
|---|---|---|---|
| Samsung Galaxy S26 | 360 × 780 | 780 × 360 | punch-hole camera |
| Samsung Galaxy S26 Ultra | 412 × 891 | 891 × 412 | punch-hole camera |
| Samsung Galaxy S25 | 393 × 865 | 865 × 393 | punch-hole camera |
| Samsung Galaxy S25 Ultra | 420 × 915 | 915 × 420 | punch-hole camera |
| Samsung Galaxy S23 | 360 × 800 | 800 × 360 | punch-hole camera |
| Google Pixel 10 | 412 × 924 | 924 × 412 | punch-hole camera |
| Google Pixel 10 Pro | 410 × 914 | 914 × 410 | punch-hole camera |
| Google Pixel 9 | 393 × 852 | 852 × 393 | punch-hole camera |
| Google Pixel 9 Pro | 408 × 912 | 912 × 408 | punch-hole camera |
| Google Pixel 7 | 412 × 915 | 915 × 412 | punch-hole camera |
| OnePlus 10 Pro | 412 × 919 | 919 × 412 | punch-hole camera |
| Xiaomi 15 | 392 × 852 | 852 × 392 | punch-hole camera |
| Xiaomi 15 Pro | 404 × 904 | 904 × 404 | punch-hole camera |
| Xiaomi 13 | 393 × 851 | 851 × 393 | punch-hole camera |
| Samsung Galaxy Z Flip8 | 360 × 840 | 840 × 360 | punch-hole camera |
| Google Pixel 10 Pro Fold (folded) | 412 × 901 | 901 × 412 | punch-hole camera |
Tablets
| Device | Portrait | Landscape | Camera |
|---|---|---|---|
| iPad Pro 11 | 834 × 1194 | 1194 × 834 | no cutout |
| iPad Air | 820 × 1180 | 1180 × 820 | no cutout |
| iPad Mini | 768 × 1024 | 1024 × 768 | no cutout |
| Samsung Galaxy Z Fold8 (unfolded) | 924 × 1224 | 1224 × 924 | punch-hole camera |
| Google Pixel 10 Pro Fold (unfolded) | 755 × 783 | 783 × 755 | punch-hole camera |
| Samsung Galaxy Tab S8 | 800 × 1280 | 1280 × 800 | punch-hole camera |
| Google Pixel Tablet | 834 × 1112 | 1112 × 834 | punch-hole camera |
Preview any of them next to your code with the Mobile Preview extension for VS Code. Mobile Preview