What is the viewport size of the iPad Air M2?

The iPad Air M2 has a viewport size of 820×1180 CSS pixels with a device pixel ratio of 2x. Its physical screen resolution is 1640×2360 pixels on a 11 inch display.

Which CSS breakpoint does the iPad Air M2 use?

The iPad Air M2 (820px wide) falls into the "md" breakpoint in Tailwind CSS, "md" in Bootstrap 5, and "sm" in Material UI.

What is the device pixel ratio of the iPad Air M2?

The iPad Air M2 has a device pixel ratio (DPR) of 2x, meaning each CSS pixel is rendered using 2×2 = 4 physical pixels. This gives the display sharp, high-density rendering for text and images.

Tablet Apple Current

iPad Air M2 Viewport Size

820×1180 CSS pixels · 1640×2360 physical pixels · 2x DPR

Display Specifications

Viewport Width

820px CSS pixels

Viewport Height

1180px CSS pixels

Physical Width

1640px hardware pixels

Physical Height

2360px hardware pixels

Device Pixel Ratio

2x 1 CSS px = 2×2 physical px

Colour Depth

24-bit 8-bit per channel

Screen Size

11 inch diagonal

Aspect Ratio

3:2

Operating System

iPadOS 18

Release Year

2024

Touch Support

Yes

CSS Breakpoint Mapping

At 820px wide, the iPad Air M2 falls into these CSS framework breakpoints:

Tailwind CSS v4

min-width: 768px

Bootstrap 5

min-width: 768px

Material UI v6

min-width: 600px

Related Devices

iPad (10th gen)

820×1180 · 2x DPR

iPad Pro 11″ M4

834×1194 · 2x DPR

iPad Air 13″ M2

1024×1366 · 2x DPR

iPad Pro 13″ M4

1024×1366 · 2x DPR

Audit your site on iPad Air M2

See how your site looks at 820×1180 — Viewpo takes real browser screenshots and checks for responsive design issues.

Try Viewpo Free