iPhone Duo Testerduoresponsive.com

iPad Air 11" (M2)

Popular Breakpoint

Mid-range iPad with M2 chip, landscape camera, and USB-C

820 × 1180 ptPhysical 1640 × 2360 pxDPR 2x11"
Auto
Live Presets:
Liquid Retina IPS 60Hz·11" display·Aspect Ratio 41:59
min-width: 820px
Expert Q&A

iPad Air 11" (M2) Testing FAQs

Common questions about responsive web design on iPad Air 11" (M2).

What is the viewport size of the iPad Air 11" (M2)?

The iPad Air 11" (M2) has a CSS viewport of 820px × 1180px at 2x DPR. Physical resolution is 1640 × 2360 pixels.

Should I use a different layout for tablets vs phones?

Most sites use a single responsive layout with CSS Grid or Flexbox that adapts across both phone and tablet viewports. Target min-width: 768px for tablet-sized breakpoints. Tablets often benefit from multi-column layouts and sidebar navigation patterns.

How do iPads and Android tablets differ for web development?

iPads use Safari with consistent support for CSS variables and safe area insets. Android tablets use Chrome, which has better support for some newer CSS features. Both support the same CSS viewport units (dvh, svh) but may render fonts and shadows slightly differently.