Phone · Android

Pixel 9 Pro XL viewport size

The Pixel 9 Pro XL has a viewport of 448 × 997 CSS pixels and a device pixel ratio of 3, which makes about 1344 × 2991 physical pixels.

Viewport (portrait)

448 × 997

Landscape

997 × 448

Device pixel ratio

Screen resolution

1344 × 2991

Screenshot a website on the Pixel 9 Pro XL

Device

View from

Format

Full page Block ads

Rendered in a real browser with cookie banners hidden. Takes 5–30 seconds.

CSS for the Pixel 9 Pro XL

Target this screen size in CSS (portrait):

@media (max-width: 448px) {
  /* Pixel 9 Pro XL and smaller */
}
@media (min-resolution: 3dppx) {
  /* high-density screens: serve sharper images */
}

Design for ranges, not single devices: many phones share the same viewport width (for example 448 px). The Pixel 8 Pro use it too.

User agent

The user agent Chrome DevTools uses when it emulates the Pixel 9 Pro XL:

Mozilla/5.0 (Linux; Android 14; Pixel 9 Pro XL) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/<version> Mobile Safari/537.36

Chrome inserts its own version number for <version>.

Test your site on the Pixel 9 Pro XL

In Chrome, open DevTools (F12), turn on device mode (Ctrl+Shift+M or ⌘+Shift+M) and pick the device from the Dimensions menu, or use the screenshot tool above to capture any page at this size.

Data from the device list built into Chrome DevTools (devtools-frontend, BSD license).

Frequently asked questions

What is the viewport size of the Pixel 9 Pro XL?

448 × 997 CSS pixels in portrait and 997 × 448 in landscape.

What is the screen resolution of the Pixel 9 Pro XL?

About 1344 × 2991 physical pixels: the viewport multiplied by the device pixel ratio of 3.

Why is the viewport smaller than the screen resolution?

Phones pack several physical pixels into one CSS pixel (the device pixel ratio) so text stays readable. Websites lay out in CSS pixels; images can use the extra pixels for sharpness.

Other devices

iPhone SE375×667 iPhone XR414×896 iPhone 12 Pro390×844 iPhone 14390×844 iPhone 14 Plus428×926 iPhone 14 Pro393×852 iPhone 14 Pro Max430×932 iPhone 15393×852 iPhone 15 Plus430×932 iPhone 15 Pro393×852 iPhone 15 Pro Max430×932 iPhone 16e390×844 iPhone 16393×852 iPhone 16 Plus430×932 iPhone 16 Pro402×874 iPhone 16 Pro Max440×956 Pixel 7412×915 Pixel 8412×915 Pixel 8 Pro448×997 Pixel 8a412×915 Pixel 9412×924 Pixel 9 Pro427×952 Pixel 10412×924 Samsung Galaxy S8+360×740 Samsung Galaxy S20 Ultra412×915 Surface Pro 7912×1368 iPad Mini768×1024 iPad Pro 131032×1376 Surface Pro 10960×1440 Surface Duo540×720 Samsung Galaxy A55360×800 Pixel 9 Pro Fold412×922 Galaxy Z Fold 6412×968 Galaxy Z Fold 5344×882 Asus Zenbook Fold853×1280 Samsung Galaxy A51/71412×914 Galaxy Tab S4712×1138 JioPhone 2240×320 Moto G4360×640 Moto G Power412×823 Facebook on Android412×892

Screenshot API

Take screenshots from your code

screenshotbase renders any website in a real browser and returns the image: full page or viewport, any device size, retina, from 100+ countries, with cookie banners and ads hidden.

Read the docs

300 free screenshots every month. No credit card required.

GET https://api.screenshotbase.com/v1/take?url=https://example.com&viewport_width=448&viewport_height=997&device_scale_factor=3

# Response: the image (PNG, JPG, WebP or GIF)
curl -G "https://api.screenshotbase.com/v1/take" \
  --data-urlencode "url=https://example.com" \
  -d viewport_width=1280 -d viewport_height=800 \
  -d format=png \
  -H "apikey: YOUR-API-KEY" \
  -o screenshot.png

Free screenshot tools

Website screenshot Capture any page as an image. Full-page screenshot Capture a whole page, top to bottom. Mobile website screenshot See a site on iPhone, Android and iPad. Screenshot from another country View a site from 100+ countries. Viewport sizesScreen sizes and pixel ratios of 46 devices.