Screen sizeslaptop

1366 × 768 viewport: which devices use it?

1366 × 768CSS px · 16:9

1366 × 768 is the CSS viewport of 2 devices in our research, including the HD laptop 1366×768, Chromebook 11–14″ HD. It’s the #3 most common desktop screen size worldwide (5.25%, Aug 2026).

DeviceCSS viewportDPRPhysical pixelsYear
HD laptop 1366×7681366×76811366×768–
Chromebook 11–14″ HD1366×76811366×768–

Check your site at 1366 × 768

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

Breakpoints

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

Room for content

1334px with 16px side padding, 1318px with 24px. Anything fixed wider than 1366px makes the page scroll sideways (how to fix it).

All devices 1366px wide, whatever their height.

Questions people ask

Which laptop have a 1366 × 768 viewport?

HD laptop 1366×768, Chromebook 11–14″ HD.

Is 1366 × 768 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the HD laptop 1366×768 is 1366 × 768 (DPR 1); the Chromebook 11–14″ HD is 1366 × 768 (DPR 1).

Which breakpoint does a 1366px wide screen use?

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

How common is 1366 × 768?

5.25% of desktop screens worldwide (#3) in Aug 2026, according to StatCounter.

Guides that help