iPad mini (A17 Pro) Screen Size & Viewport

Why this viewport matters

When a user visits your site on the iPad mini (A17 Pro), the browser reports window.innerWidth = 744 and window.devicePixelRatio = 2. Your CSS media queries match against the 744px CSS width, not the 1488 × 2266 physical pixel count of the panel.

At 744px it hits Tailwind sm (640px) and Bootstrap sm (576px). Rotated to 1133px it moves to Tailwind lg, so check both orientations.

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

/* iPad mini (A17 Pro): 744×1133 CSS px, DPR 2 */
@media (max-width: 744px) {
  /* styles for this width and narrower */
}

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