Apple · tablet · 2024

iPad Pro 11-inch (M4) screen size

May 2024 flagship with Apple's first Tandem OLED (Ultra Retina XDR), the debut M4 chip, and a thinner chassis. Its 834x1210 viewport is slightly taller than earlier 11-inch Pros, sitting in the tablet band where hover-capable Apple Pencil and pointer input make @media (hover) queries relevant.

CSS viewport
834 × 1210
Physical pixels
1668 × 2420
Pixel ratio
2x
PPI
264
Screen size
11.1"

Ports

  • thunderbolt 3 — Thunderbolt / USB 4 (USB-C connector)

Source: support.apple.com

Media queries

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

Related devices