Der von Mobile Preview verwendete Viewport des iPad Pro 11 beträgt 834 × 1194 CSS-Pixel im Hochformat und 1194 × 834 im Querformat. Die Kamera: keine Aussparung.
Die Größe auf einen Blick
| Hochformat | 834 × 1194 px |
|---|---|
| Querformat | 1194 × 834 px |
| Seitenverhältnis (Höhe / Breite) | 1.43 |
| Kamera | keine Aussparung |
| Tailwind (Hochformat) | md (ab 768 px) |
| Tailwind (Querformat) | lg (ab 1024 px) |
Das sind CSS-Pixel (Layout-Pixel), die Größen des Mobile-Preview-Rahmens. Auf echten Geräten können sie durch die Browseroberfläche, die Anzeige-Zoom-Einstellung oder die Systemversion leicht abweichen.
In CSS testen
Bevorzugen Sie Breakpoints, die sich am Inhalt orientieren, statt gerätespezifischer Regeln. Wenn Sie genau diese Größe nachstellen müssen, etwa zum Debuggen eines Layouts, trifft diese Media Query sie im Hochformat:
@media (width: 834px) and (height: 1194px) {
/* iPad Pro 11, Hochformat */
}Tablets sind breit genug, um Tablet- oder Desktop-Layouts auszulösen: Prüfen Sie die Navigation, die zwischen Menüsymbol und voller Leiste wechselt, sowie mehrspaltige Raster in beiden Ausrichtungen.
iPad Pro 11 in VS Code als Vorschau anzeigen
Der Rahmen iPad Pro 11 gehört zu Mobile Preview Pro (6,99 €, Einmalzahlung, kein Abo). Die kostenlose Version enthält das iPhone 16, iPhone 17 und iPhone 17 Pro Max. Installieren Sie die Erweiterung, starten Sie Ihren Dev-Server, führen Sie „Mobile Preview: Show“ aus und wählen Sie iPad Pro 11 im Gerätemenü: Ihre Seite erscheint im Rahmen neben Ihrem Code und lädt beim Speichern neu.
Mobile Preview installieren · Schritt-für-Schritt-Anleitung (auf Englisch)
Ähnliche Breiten
- iPad Air (820 × 1180)
- Google Pixel Tablet (834 × 1112)
Häufige Fragen
- Wie groß ist der Viewport des iPad Pro 11 in CSS-Pixeln?
- 834 × 1194 im Hochformat (Breite × Höhe) und 1194 × 834 im Querformat, wie von Mobile Preview verwendet. Der physische Bildschirm hat mehr Pixel; Ihr Layout sieht CSS-Pixel.
- In welchen Tailwind-Breakpoint fällt das iPad Pro 11?
- Mit den Standard-Breakpoints von Tailwind liegt das iPad Pro 11 im Hochformat bei md (ab 768 px) und im Querformat bei lg (ab 1024 px).
- Kann ich meine Website auf dem iPad Pro 11 in VS Code als Vorschau anzeigen?
- Ja. Der Rahmen iPad Pro 11 gehört zu Mobile Preview Pro (6,99 €, Einmalzahlung). Die kostenlose Version enthält das iPhone 16, iPhone 17 und iPhone 17 Pro Max.
Alle Gerätegrößen · EN · FR · ES · PT