Apple · phone · 2022

iPhone 14 Pro screen size

The phone that introduced the Dynamic Island and always-on display in September 2022, with a 6.1-inch 120Hz ProMotion OLED. Its new 393x852 viewport nudged the standard iPhone width up 3px, and its pill cutout made testing safe-area-inset-top handling essential for fixed headers.

CSS viewport
393 × 852
Physical pixels
1179 × 2556
Pixel ratio
3x
PPI
460
Screen size
6.1"

Media queries

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

Related devices