iPad Air 11″ / 13″ (M4, 2026): Screen Size & CSS Viewport

The 2026 iPad Air M4 refreshes Apple's mid-range tablet with the same 4:3 aspect ratio that has defined the iPad line since its debut. Its CSS viewports — 820×1180 in portrait and 1180×820 in landscape for the 11″, 1024×1366 in portrait for the 13″ — are unchanged from the previous generation, but this device matters because it brings pro-level performance to a wider audience, making the 820px and 1024px widths more common in your analytics than ever.

The 820px portrait width sits squarely between the typical tablet breakpoint (768px) and the small laptop breakpoint (1024px). Many layouts that define breakpoints only at 768px and 1024px will have no explicit rule for 820px, potentially leaving the iPad Air in a "between states" limbo where it receives desktop-style layout with not enough horizontal space.

The 13″ model in portrait at 1024px is a critical test point: exactly at the boundary where most frameworks switch to their largest layout. Confirm your navigation, sidebar, and grid columns all behave correctly at precisely 1024px — even one pixel matters if your media query uses a hard boundary here.