Pixel 9 Pro XL screen size
The Pixel 9 Pro XL renders websites at 448×998 CSS pixels in portrait and 998×448 in landscape. It shares the exact same viewport as the Pixel 8 Pro, so one test covers them all.
Viewport specs
| CSS viewport (portrait) | 448 × 998 px |
| CSS viewport (landscape) | 998 × 448 px |
| Aspect ratio | 0.449:1 |
| Breakpoint category | mobile |
| Device type | phone |
| Brand |
CSS media query for Pixel 9 Pro XL
/* Pixel 9 Pro XL — portrait */
@media (max-width: 448px) {
/* your styles */
}
/* Pixel 9 Pro XL — landscape */
@media (max-width: 998px) and (orientation: landscape) {
/* your styles */
}Testing tips for Pixel 9 Pro XL
Viewports this narrow are where layouts most often break: check that nothing scrolls sideways, buttons are at least 44px tall, and body text is 16px or larger.
Compare it against a tablet and a desktop width in the same view to catch breakpoint jumps — Responsivly's multi-view does this in one click.
FAQ
What is the Pixel 9 Pro XL viewport size?
The Pixel 9 Pro XL has a CSS viewport of 448×998 pixels in portrait orientation and 998×448 pixels in landscape.
What media query targets the Pixel 9 Pro XL?
Use @media (max-width: 448px) for portrait styles, or @media (min-width: 448px) and (max-width: 448px) to target this exact width.
How do I test my website on the Pixel 9 Pro XL?
Open Responsivly, paste your URL and pick Pixel 9 Pro XL from the device list — it renders your site at 448×998 for free, no signup.