Das sind die Viewport-Größen in CSS-Pixeln, die Mobile Preview für jeden Geräterahmen verwendet. Nutzen Sie sie, um das Verhalten Ihres Layouts auf echten Smartphone- und Tablet-Größen zu prüfen. Es sind Layout-Größen, keine Bildschirmauflösungen: Die Zahl der physischen Pixel ist höher.
iPhone
| Gerät | Hochformat | Querformat | Kamera |
|---|---|---|---|
| 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-Smartphones
| Gerät | Hochformat | Querformat | Kamera |
|---|---|---|---|
| Samsung Galaxy S26 | 360 × 780 | 780 × 360 | Punch-Hole-Kamera |
| Samsung Galaxy S26 Ultra | 412 × 891 | 891 × 412 | Punch-Hole-Kamera |
| Samsung Galaxy S25 | 393 × 865 | 865 × 393 | Punch-Hole-Kamera |
| Samsung Galaxy S25 Ultra | 420 × 915 | 915 × 420 | Punch-Hole-Kamera |
| Samsung Galaxy S23 | 360 × 800 | 800 × 360 | Punch-Hole-Kamera |
| Google Pixel 10 | 412 × 924 | 924 × 412 | Punch-Hole-Kamera |
| Google Pixel 10 Pro | 410 × 914 | 914 × 410 | Punch-Hole-Kamera |
| Google Pixel 9 | 393 × 852 | 852 × 393 | Punch-Hole-Kamera |
| Google Pixel 9 Pro | 408 × 912 | 912 × 408 | Punch-Hole-Kamera |
| Google Pixel 7 | 412 × 915 | 915 × 412 | Punch-Hole-Kamera |
| OnePlus 10 Pro | 412 × 919 | 919 × 412 | Punch-Hole-Kamera |
| Xiaomi 15 | 392 × 852 | 852 × 392 | Punch-Hole-Kamera |
| Xiaomi 15 Pro | 404 × 904 | 904 × 404 | Punch-Hole-Kamera |
| Xiaomi 13 | 393 × 851 | 851 × 393 | Punch-Hole-Kamera |
| Samsung Galaxy Z Flip8 | 360 × 840 | 840 × 360 | Punch-Hole-Kamera |
| Google Pixel 10 Pro Fold (folded) | 412 × 901 | 901 × 412 | Punch-Hole-Kamera |
Tablets
| Gerät | Hochformat | Querformat | Kamera |
|---|---|---|---|
| iPad Pro 11 | 834 × 1194 | 1194 × 834 | keine Aussparung |
| iPad Air | 820 × 1180 | 1180 × 820 | keine Aussparung |
| iPad Mini | 768 × 1024 | 1024 × 768 | keine Aussparung |
| Samsung Galaxy Z Fold8 (unfolded) | 924 × 1224 | 1224 × 924 | Punch-Hole-Kamera |
| Google Pixel 10 Pro Fold (unfolded) | 755 × 783 | 783 × 755 | Punch-Hole-Kamera |
| Samsung Galaxy Tab S8 | 800 × 1280 | 1280 × 800 | Punch-Hole-Kamera |
| Google Pixel Tablet | 834 × 1112 | 1112 × 834 | Punch-Hole-Kamera |
Zeigen Sie jedes davon neben Ihrem Code mit der Mobile-Preview-Erweiterung für VS Code als Vorschau an. Mobile Preview