Widthslaptop

Devices with a 1536px wide viewport

1536px5 devices + 3 with other display settings

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

Also 1536px wide with a different setting

DeviceSettingCSS viewport
13–14″ WUXGA 1920×1200 @ 150%125%1536 × 960
13–14″ Full HD @ 150%125%1536 × 864
24″ Full HD 1920×1080125%1536 × 864

Check your site at 1536px

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

Breakpoints

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

Room for content

1504px with 16px side padding, 1488px with 24px. Anything fixed wider than 1536px makes the page scroll sideways (fix it).

Sharp images

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

Every height at this width

1536 × 864, 1536 × 960, 1536 × 1024

Nearby widths

Questions people ask

Which laptops have a 1536px wide viewport?

15.6″ / 17″ Full HD @ 125%, 16″ WUXGA 1920×1200 @ 125%, Microsoft Surface Laptop 7/8 13.8″, Chromebook 13–14″ Full HD, Chromebook Plus 14″ WUXGA, plus 3 more when the display size or scaling setting is changed.

Is 1536px the screen resolution?

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

Which breakpoint applies at 1536px?

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

How common is a 1536px wide screen?

Screen sizes 1536px wide make up about 7.67% of the traffic in StatCounter’s top lists for Aug 2026 (1536×864: 6.75%, 1536×960: 0.92%).

Guides that help