Google · phone · 2024

Pixel 9 Pro screen size

New for 2024, the small Pro packed the full flagship camera stack into a 6.3-inch body. Its 1280x2856 panel maps to a 427x952 viewport at an even 3x ratio, an in-between width worth checking if your layout shifts at a 425px breakpoint.

CSS viewport
427 × 952
Physical pixels
1280 × 2856
Pixel ratio
3x
PPI
495
Screen size
6.3"

Media queries

Target this device (portrait)
@media only screen and (device-width: 427px) and (device-height: 952px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  /* styles */
}
Viewport width and up
@media (min-width: 427px) {
  /* styles */
}
Viewport width and down
@media (max-width: 427px) {
  /* styles */
}
From usKeychord— keyboard shortcuts for every app

Related devices