Widthslaptop, monitor

Devices with a 1280px wide viewport

1280px4 devices + 7 with other display settings

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

Device	Type	CSS viewport	DPR	Physical pixels	Year
13–14″ WUXGA 1920×1200 @ 150%	laptop	1280×800	1.5	1920×1200	–
13–14″ Full HD @ 150%	laptop	1280×720	1.5	1920×1080	–
Microsoft Surface Laptop 13″	laptop	1280×854	1.5	1920×1280	2025
17–19″ 1280×1024 (5:4)	monitor	1280×1024	1	1280×1024	–

Also 1280px wide with a different setting

Device	Setting	CSS viewport
Microsoft Surface Pro 13″ (11th/12th Ed.)	150%	1280 × 1920
MacBook Air 13″ (M2–M5)	Scaled	1280 × 832
MacBook Air 15″ (M2–M5)	Scaled	1280 × 828
MacBook Air 13″ (M1) / Pro 13″	Scaled	1280 × 800
15.6″ / 17″ Full HD @ 125%	150%	1280 × 720
16″ WUXGA 1920×1200 @ 125%	150%	1280 × 800
16″ 2560×1600 @ 150% (gaming / creator)	200%	1280 × 800

Check your site at 1280px

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 1280px

Breakpoints

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

Room for content

1248px with 16px side padding, 1232px with 24px. Anything fixed wider than 1280px makes the page scroll sideways (fix it).

Sharp images

At DPR 1 / 1.5, a full-width image needs 1280px / 1920px of real pixels.

Every height at this width

1280 × 720, 1280 × 800, 1280 × 854, 1280 × 1024

Nearby widths

Questions people ask

Which devices have a 1280px wide viewport?

13–14″ WUXGA 1920×1200 @ 150%, 13–14″ Full HD @ 150%, Microsoft Surface Laptop 13″, 17–19″ 1280×1024, plus 7 more when the display size or scaling setting is changed.

Is 1280px the screen resolution?

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

Which breakpoint applies at 1280px?

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 1280px wide screen?

Screen sizes 1280px wide make up about 11.78% of the traffic in StatCounter’s top lists for Aug 2026 (1280×800: 6.91%, 1280×720: 3.54%, 1280×800: 1.33%).