The Google Pixel Tablet viewport used by Mobile Preview is 834 × 1112 CSS pixels in portrait and 1112 × 834 in landscape. The camera is a punch-hole camera.
Size at a glance
| Portrait | 834 × 1112 px |
|---|---|
| Landscape | 1112 × 834 px |
| Aspect ratio (height / width) | 1.33 |
| Camera | punch-hole camera |
| Tailwind (portrait) | md (768px and up) |
| Tailwind (landscape) | lg (1024px and up) |
These are CSS (layout) pixels, the sizes used by the Mobile Preview frame. Real devices can differ slightly with the browser interface, the display zoom setting or the operating system version.
Test it in CSS
Prefer breakpoints based on your content over device-specific rules. If you need to reproduce this exact size, for example to debug a layout, this media query matches it in portrait:
@media (width: 834px) and (height: 1112px) {
/* Google Pixel Tablet, portrait */
}Tablets are wide enough to trigger tablet or desktop layouts: check navigation that switches between a menu icon and a full bar, and multi-column grids, in both orientations.
Preview the Google Pixel Tablet in VS Code
The Google Pixel Tablet frame is part of Mobile Preview Pro (€6.99, one-time payment, no subscription). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max. Install the extension, start your dev server, run “Mobile Preview: Show” and pick the Google Pixel Tablet from the device menu: your page appears in the frame next to your code and reloads when you save.
Similar widths
- iPad Pro 11 (834 × 1194)
- iPad Air (820 × 1180)
Frequently asked questions
- What is the Google Pixel Tablet viewport size in CSS pixels?
- 834 × 1112 in portrait (width × height) and 1112 × 834 in landscape, as used by Mobile Preview. The physical screen has more pixels than this; CSS pixels are what your layout sees.
- Which Tailwind breakpoint does the Google Pixel Tablet fall in?
- With Tailwind's default breakpoints, the Google Pixel Tablet is md (768px and up) in portrait and lg (1024px and up) in landscape.
- Can I preview my site on the Google Pixel Tablet in VS Code?
- Yes. The Google Pixel Tablet frame is part of Mobile Preview Pro (€6.99, one-time payment). The free version includes the iPhone 16, iPhone 17 and iPhone 17 Pro Max.
All device sizes · FR · ES · PT · DE