Apple · phone · 2022

iPhone 14 screen size

September 2022 iterative update keeping the notched 6.1-inch Super Retina XDR OLED and adding crash detection and satellite SOS. It reuses the 390x844 at 3x viewport of the iPhone 13, so it lands in the same standard iPhone breakpoint bucket with notch-style safe-area insets.

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