Apple · phone · 2021

iPhone 13 Pro screen size

The first non-Max iPhone with ProMotion, shipping September 2021 with a 120Hz 6.1-inch Super Retina XDR OLED and A15 Bionic. It shares the 390x844 CSS viewport with the base iPhone 13, so layouts are identical while scroll and animation behavior benefit from the adaptive refresh rate.

CSS viewport
390 × 844
Physical pixels
1170 × 2532
Pixel ratio
3x
PPI
460
Screen size
6.1"

Media queries

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

Related devices