iPad Pro 13″ (M5) Screen Size & Viewport

Why this viewport matters

When a user visits your site on the iPad Pro 13″ (M5), the browser reports window.innerWidth = 1032 and window.devicePixelRatio = 2. Your CSS media queries match against the 1032px CSS width, not the 2064 × 2752 physical pixel count of the panel.

At 1032px it hits Tailwind lg (1024px) and Bootstrap lg (992px). Rotated to 1376px it moves to Tailwind xl, so check both orientations.

For sharp full-width images, serve a source at least 2064px wide (1032 CSS px × 2 DPR) through srcset and let the browser pick it.

/* iPad Pro 13″ (M5): 1032×1376 CSS px, DPR 2 */
@media (max-width: 1032px) {
  /* styles for this width and narrower */
}

@media (min-resolution: 2dppx) {
  /* serve high-density assets */
}