Screen sizestablet

768 × 1024 viewport: which devices use it?

768 × 1024CSS px · 3:4

768 × 1024 is the CSS viewport of 1 device in our research, including the iPad 9.7″ / mini (classic). It’s the #1 most common tablet screen size worldwide (8.79%, Aug 2026). Turned sideways it becomes 1024 × 768.

DeviceCSS viewportDPRPhysical pixelsYear
iPad 9.7″ / mini (classic)768×102421536×20482018

Check your site at 768 × 1024

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 768px wide

Breakpoints

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

Room for content

736px with 16px side padding, 720px with 24px. Anything fixed wider than 768px makes the page scroll sideways (how to fix it).

All devices 768px wide, whatever their height.

Nearby sizes

Questions people ask

Which tablet has a 768 × 1024 viewport?

iPad 9.7″ / mini (classic).

Is 768 × 1024 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPad 9.7″ / mini (classic) is 1536 × 2048 (DPR 2).

Which breakpoint does a 768px wide screen use?

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

How common is 768 × 1024?

8.79% of tablet screens worldwide (#1) in Aug 2026, according to StatCounter.

Guides that help