Google · phone · 2022

Pixel 7 Pro screen size

Google's 2022 large flagship kept the QHD+ LTPO display and Tensor G2. Like the 6 Pro it maps 1440 physical pixels to a 412px CSS width via a 3.5 ratio, so layouts match the base model but hairline borders render extra crisp.

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