Le viewport Google Pixel Tablet utilisé par Mobile Preview est de 834 × 1112 pixels CSS en portrait et 1112 × 834 en paysage. La caméra est : caméra perforée.
La taille en un coup d’œil
| Portrait | 834 × 1112 px |
|---|---|
| Paysage | 1112 × 834 px |
| Rapport hauteur / largeur | 1.33 |
| Caméra | caméra perforée |
| Tailwind (portrait) | md (à partir de 768 px) |
| Tailwind (paysage) | lg (à partir de 1024 px) |
Ce sont des pixels CSS (de mise en page), les tailles du cadre de Mobile Preview. Sur un vrai appareil, l’interface du navigateur, le réglage de zoom de l’affichage ou la version du système peuvent les faire varier légèrement.
À tester en CSS
Préférez des breakpoints basés sur votre contenu plutôt que des règles par appareil. Pour reproduire exactement cette taille, par exemple pour déboguer une mise en page, cette media query la cible en portrait :
@media (width: 834px) and (height: 1112px) {
/* Google Pixel Tablet, portrait */
}Les tablettes sont assez larges pour déclencher des mises en page de tablette ou de bureau : vérifiez la navigation qui passe d’une icône de menu à une barre complète, et les grilles à plusieurs colonnes, dans les deux orientations.
Prévisualiser Google Pixel Tablet dans VS Code
Le cadre Google Pixel Tablet fait partie de Mobile Preview Pro (6,99 €, paiement unique, sans abonnement). La version gratuite inclut l'iPhone 16, l'iPhone 17 et l'iPhone 17 Pro Max. Installez l’extension, lancez votre serveur de développement, exécutez « Mobile Preview: Show » et choisissez Google Pixel Tablet dans le menu des appareils : votre page s’affiche dans le cadre à côté de votre code et se recharge à chaque enregistrement.
Largeurs proches
- iPad Pro 11 (834 × 1194)
- iPad Air (820 × 1180)
Questions fréquentes
- Quelle est la taille du viewport Google Pixel Tablet en pixels CSS ?
- 834 × 1112 en portrait (largeur × hauteur) et 1112 × 834 en paysage, telles qu’utilisées par Mobile Preview. L’écran physique a plus de pixels ; ce sont les pixels CSS que voit votre mise en page.
- Dans quel breakpoint Tailwind se situe Google Pixel Tablet ?
- Avec les breakpoints par défaut de Tailwind, Google Pixel Tablet est md (à partir de 768 px) en portrait et lg (à partir de 1024 px) en paysage.
- Puis-je prévisualiser mon site sur Google Pixel Tablet dans VS Code ?
- Oui. Le cadre Google Pixel Tablet fait partie de Mobile Preview Pro (6,99 €, paiement unique). La version gratuite inclut l'iPhone 16, l'iPhone 17 et l'iPhone 17 Pro Max.
Toutes les tailles d’appareils · EN · ES · PT · DE