Screen sizestablet

1024 × 1366 viewport: which devices use it?

1024 × 1366CSS px · 3:4

1024 × 1366 is the CSS viewport of 2 devices in our research, including the iPad Air 13″ (M2–M4), iPad Pro 12.9″ (2018–2022). Turned sideways it becomes 1366 × 1024.

DeviceCSS viewportDPRPhysical pixelsYear
iPad Air 13″ (M2–M4)1024×136622048×27322026
iPad Pro 12.9″ (2018–2022)1024×136622048×27322022

Check your site at 1024 × 1366

Paste your address (or localhost:3000). doesitfit shows it on real screen sizes at once and tells you, bluntly, where it spills.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

Designing for 1024px wide

Breakpoints

Tailwind: lg (sm: md: lg: styles apply). Bootstrap: lg. Sideways (1366px): Tailwind xl (sm: md: lg: xl: styles apply).

Room for content

992px with 16px side padding, 976px with 24px. Anything fixed wider than 1024px makes the page scroll sideways (how to fix it).

All devices 1024px wide, whatever their height.

Nearby sizes

Questions people ask

Which tablet have a 1024 × 1366 viewport?

iPad Air 13″ (M2–M4), iPad Pro 12.9″ (2018–2022).

Is 1024 × 1366 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPad Air 13″ (M2–M4) is 2048 × 2732 (DPR 2); the iPad Pro 12.9″ (2018–2022) is 2048 × 2732 (DPR 2).

Which breakpoint does a 1024px wide screen use?

Tailwind CSS: lg (sm: md: lg: styles apply). Bootstrap: lg.

Guides that help