Google · phone · 2021

Pixel 6 Pro screen size

The larger 2021 Tensor flagship with a curved-edge LTPO panel. Despite the QHD+ 1440p screen it reports the same 412px CSS width as the base Pixel at a 3.5 ratio, so breakpoints behave identically while assets need 3.5x density.

CSS viewport
412 × 892
Physical pixels
1440 × 3120
Pixel ratio
3.5x
PPI
512
Screen size
6.7"

Media queries

Target this device (portrait)
@media only screen and (device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 3.5) 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