El viewport del Google Pixel Tablet que usa Mobile Preview es de 834 × 1112 píxeles CSS en vertical y 1112 × 834 en horizontal. La cámara es: cámara perforada.
El tamaño de un vistazo
| Vertical | 834 × 1112 px |
|---|---|
| Horizontal | 1112 × 834 px |
| Proporción alto / ancho | 1.33 |
| Cámara | cámara perforada |
| Tailwind (vertical) | md (desde 768 px) |
| Tailwind (horizontal) | lg (desde 1024 px) |
Son píxeles CSS (de maquetación), los tamaños del marco de Mobile Preview. En un dispositivo real pueden variar un poco según la interfaz del navegador, el zoom de pantalla o la versión del sistema.
Pruébalo en CSS
Es mejor usar breakpoints basados en tu contenido que reglas por dispositivo. Si necesitas reproducir este tamaño exacto, por ejemplo para depurar un diseño, esta media query lo selecciona en vertical:
@media (width: 834px) and (height: 1112px) {
/* Google Pixel Tablet, vertical */
}Las tabletas son lo bastante anchas para activar diseños de tableta o de escritorio: comprueba la navegación que cambia de icono de menú a barra completa y las cuadrículas de varias columnas, en ambas orientaciones.
Previsualizar el Google Pixel Tablet en VS Code
El marco Google Pixel Tablet forma parte de Mobile Preview Pro (6,99 €, pago único, sin suscripción). La versión gratuita incluye el iPhone 16, el iPhone 17 y el iPhone 17 Pro Max. Instala la extensión, arranca tu servidor de desarrollo, ejecuta «Mobile Preview: Show» y elige Google Pixel Tablet en el menú de dispositivos: tu página aparece en el marco junto a tu código y se recarga al guardar.
Anchos similares
- iPad Pro 11 (834 × 1194)
- iPad Air (820 × 1180)
Preguntas frecuentes
- ¿Cuál es el tamaño del viewport del Google Pixel Tablet en píxeles CSS?
- 834 × 1112 en vertical (ancho × alto) y 1112 × 834 en horizontal, según usa Mobile Preview. La pantalla física tiene más píxeles; los píxeles CSS son lo que ve tu diseño.
- ¿En qué breakpoint de Tailwind está el Google Pixel Tablet?
- Con los breakpoints por defecto de Tailwind, el Google Pixel Tablet está md (desde 768 px) en vertical y lg (desde 1024 px) en horizontal.
- ¿Puedo previsualizar mi sitio en el Google Pixel Tablet dentro de VS Code?
- Sí. El marco Google Pixel Tablet forma parte de Mobile Preview Pro (6,99 €, pago único). La versión gratuita incluye el iPhone 16, el iPhone 17 y el iPhone 17 Pro Max.
Todos los tamaños de dispositivos · EN · FR · PT · DE