Widthstablet

Devices with a 768px wide viewport

768px1 device

1 device gives web pages a 768 CSS pixel wide viewport, with heights from 1024 to 1024px. If your layout fits 768px, it fits all of them. Sizes this wide are about 8.79% of worldwide traffic in StatCounter’s top lists (Aug 2026).

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

Check your site at 768px

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

Breakpoints

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

Room for content

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

Sharp images

At DPR 2, a full-width image needs 1536px of real pixels.

Every height at this width

768 × 1024

Nearby widths

Questions people ask

Which tablets have a 768px wide viewport?

iPad 9.7″ / mini.

Is 768px the screen resolution?

No. 768px is the width in CSS pixels, what web pages get. The screens have 2× as many physical pixels across (the device pixel ratio).

Which breakpoint applies at 768px?

Tailwind CSS: md (sm: md: styles apply). Bootstrap: md. Media queries use this CSS width, not the screen resolution.

How common is a 768px wide screen?

Screen sizes 768px wide make up about 8.79% of the traffic in StatCounter’s top lists for Aug 2026 (768×1024: 8.79%).

Guides that help