Google Pixel viewport sizes
Pixel phones are some of the widest Android viewports (412px and up), and the Pro Fold adds a nearly square unfolded screen. Every recent Pixel, in CSS pixels.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Google Pixel 10 Pro XL | 448×998 | 2.25 | 1344×2992 | 2025 |
| Google Pixel 10 Pro | 427×952 | 2.53125 | 1280×2856 | 2025 |
| Google Pixel 10 | 412×924 | 2.625 | 1080×2424 | 2025 |
| Google Pixel 10a | 412×924 | 2.625 | 1080×2424 | 2026 |
| Google Pixel 10 Pro Fold — outer | 444×970 | 2.4375 | 1080×2364 | 2025 |
| Google Pixel 10 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2025 |
| Google Pixel 9 Pro XL | 448×998 | 2.25 | 1344×2992 | 2024 |
| Google Pixel 9 Pro | 427×952 | 2.53125 | 1280×2856 | 2024 |
| Google Pixel 9 | 412×924 | 2.625 | 1080×2424 | 2024 |
| Google Pixel 9a | 412×924 | 2.625 | 1080×2424 | 2025 |
| Google Pixel 9 Pro Fold — outer | 444×995 | 2.4375 | 1080×2424 | 2024 |
| Google Pixel 9 Pro Fold — unfolded | 755×783 | 2.75 | 2076×2152 | 2024 |
| Google Pixel 8 Pro | 448×998 | 2.25 | 1344×2992 | 2023 |
| Google Pixel 8 | 412×915 | 2.625 | 1080×2400 | 2023 |
| Google Pixel 8a | 412×915 | 2.625 | 1080×2400 | 2024 |
Try your site on every Google Pixel size at once
Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
What to take from this
Narrowest: 412px
The Google Pixel 10. If your layout survives this width with 16px of padding on each side (380px of content), it survives the rest.
Widest: 755px
The Google Pixel 10 Pro Fold — unfolded. Check that lines of text don’t get uncomfortably long and that your sm/md breakpoints kick in when you expect.
Questions people ask
What are the most common Google Pixel viewport widths?
Google Pixel viewports here range from 412px (Google Pixel 10) to 755px (Google Pixel 10 Pro Fold — unfolded) wide. The most common width in this list is 412px (6 devices).
Which Google Pixel sizes should I test?
Test the narrowest (412px), the most common (412px) and the widest (755px), plus landscape. If those three look right, the sizes in between almost always do too.
Is the viewport the same as the screen resolution?
No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.
Guides that help
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- What is a viewport? CSS pixels vs screen resolutionA viewport is the area your page is laid out in, measured in CSS pixels, not screen pixels. See real numbers from iPhones and MacBooks, then check yours.Guides · 8 min read
- How to fix horizontal scrolling on mobile (12 causes)Page wobbles sideways on phones? The 12 usual causes of horizontal scrolling on mobile, a fix for each, and a console snippet that finds the culprit fast.Fixes · 9 min read