1536 × 1024 viewport: which devices use it?
1536 × 1024CSS px · 3:2
1536 × 1024 is the CSS viewport of 1 device in our research, including the Microsoft Surface Laptop 7/8 — 13.8″.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| Microsoft Surface Laptop 7/8 — 13.8″ | 1536×1024 | 1.5 | 2304×1536 | 2025 |
Check your site at 1536 × 1024
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 wide
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 (how to fix it).
All devices 1536px wide, whatever their height.
Nearby sizes
Questions people ask
Which laptop has a 1536 × 1024 viewport?
Microsoft Surface Laptop 7/8 — 13.8″.
Is 1536 × 1024 the screen resolution?
No, it’s the viewport in CSS pixels. The physical screen has more pixels: the Microsoft Surface Laptop 7/8 — 13.8″ is 2304 × 1536 (DPR 1.5).
Which breakpoint does a 1536px wide screen use?
Tailwind CSS: 2xl (sm: md: lg: xl: 2xl: styles apply). Bootstrap: xxl.
Guides that help
- Most common screen resolutions in 2026 (real data)StatCounter's August 2026 figures for the most common desktop, mobile and tablet screen resolutions, what they really measure, and which sizes to test.Data · 7 min read
- Responsive breakpoints in 2026 — the widths that matterWhere 123 real phones, tablets, laptops and monitors land in CSS pixels, which responsive breakpoints actually matter in 2026, and which screens to test.Guides · 8 min read
- Windows display scaling and the 1536×864 viewportWhy a 1920×1080 Windows laptop shows websites at 1536x864, what 100%, 125% and 150% scaling do to your viewport, and how much height is left in Chrome.Devices · 7 min read