Apple · phone · 2024

iPhone 16 Pro screen size

September 2024 Pro model that grew the display to 6.3 inches with thinner bezels, 120Hz ProMotion, and the A18 Pro. Its new 402x874 viewport sits between the classic 393px and 430px buckets, so it is worth adding to test matrices to catch layouts tuned only to older widths.

CSS viewport
402 × 874
Physical pixels
1206 × 2622
Pixel ratio
3x
PPI
460
Screen size
6.3"

Ports

  • usb c — USB 3 (10Gb/s)

Source: support.apple.com

Media queries

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

Related devices