Devices with a 1366px wide viewport

1366px2 devices

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

Device	CSS viewport	DPR	Physical pixels	Year
HD laptop 1366×768	1366×768	1	1366×768	–
Chromebook 11–14″ HD	1366×768	1	1366×768	–

Check your site at 1366px

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

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 (fix it).

Sharp images

At DPR 1, a full-width image needs 1366px of real pixels.

Every height at this width

1366 × 768

Nearby widths

Questions people ask

Which laptops have a 1366px wide viewport?

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

Is 1366px the screen resolution?

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

Which breakpoint applies at 1366px?

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

How common is a 1366px wide screen?

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