Google · phone · 2024

Pixel 9 screen size

Google's 2024 redesign introduced flat rails and a pill-shaped camera bar. The panel grew slightly to 1080x2424, stretching the CSS viewport to 412x923 at the familiar 2.625 ratio — width-based media queries are unaffected versus older Pixels.

CSS viewport
412 × 923
Physical pixels
1080 × 2424
Pixel ratio
2.625x
PPI
422
Screen size
6.3"

Media queries

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

Related devices