17–19″ 1280×1024 (5:4) viewport size
1280 × 1024CSS px · 1× DPR · 1280×1024 physical
By default the 17–19″ 1280×1024 (5:4) gives a full-screen web page a 1280 × 1024 CSS pixel viewport, drawn on a 1280 × 1024 pixel panel (device pixel ratio 1). That’s the size your media queries see.
See your site on a 17–19″ 1280×1024 (5:4)
Paste your address (or localhost:3000). doesitfit shows it at exactly 1280 × 1024, with Chrome (Windows 11)’s bars if you want them, and tells you if anything spills.
Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.
What a web page actually sees
The full viewport is 1280 × 1024, but the browser’s own bars take some of it. In Chrome (Windows 11) a page gets about 1280 × 889 on first load (Chrome’s 87px tab strip + toolbar and the 48px Windows 11 taskbar, maximized window). That’s your real “above the fold”.
| Setting | Width | Height |
|---|---|---|
| Full viewport | 1280px | 1024px |
| Visible on first load (Chrome (Windows 11)) | 1280px | 889px |
What it means for your CSS
Breakpoints
At 1280px: Tailwind uses xl (sm: md: lg: xl: styles apply); Bootstrap uses xl.
Content width
With 16px of padding on each side your text column is 1248px; with 24px it’s 1232px. Text closer than 8px to the edge looks cramped (more).
Sharp images
A full-width image needs about 1280px of real pixels (1280 × 1).
<img src="hero-1280.jpg" srcset="hero-800.jpg 800w, hero-1280.jpg 1280w" sizes="100vw" alt="…">
Styles for this width
Content-first breakpoints beat device lists, but if something breaks at this width:
@media (max-width: 1280px) {
/* screens 1280px wide and narrower */
}How common is 1280 × 1024?
1280 × 1024 isn’t in StatCounter’s top lists for Aug 2026 on its own, but nearby sizes behave the same way. See the most common screen sizes.
Everything about the 1280 × 1024 viewport · All devices 1280px wide · All Monitors sizes
Questions people ask
What is the viewport size of the 17–19″ 1280×1024 (5:4)?
1280 × 1024 CSS pixels, with a device pixel ratio of 1. The screen itself is 1280 × 1024 physical pixels.
How much of the 17–19″ 1280×1024 (5:4) screen does a web page get in Chrome?
About 1280 × 889 on first load: the Chrome’s 87px tab strip + toolbar and the 48px Windows 11 taskbar, maximized window. Design your first screen for that height, not the full 1024px.
Which CSS breakpoint does the 17–19″ 1280×1024 (5:4) fall into?
At 1280px wide, Tailwind CSS uses xl (sm: md: lg: xl: styles apply) and Bootstrap uses its xl tier.
How wide should images be for the 17–19″ 1280×1024 (5:4)?
A full-width image needs about 1280px of real pixels (1280 CSS px × DPR 1) to look sharp. Use srcset so smaller screens don’t download it.
How can I test my website on a 17–19″ 1280×1024 (5:4) without one?
Open doesitfit.lol, paste your address (localhost works too) and pick the 17–19″ 1280×1024 (5:4). It shows your site at exactly 1280 × 1024 CSS pixels and flags anything that spills past the edge.
Guides that help
- 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
- 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
About these numbers
Confidence: High: confirmed by more than one independent source. Windows picks a “recommended” scale per panel and manufacturers often override it; Chrome rounds fractional sizes up (2560×1600 at 150% → 1707×1067).
Sources include DeviceAtlas, Chrome DevTools device list (EmulatedDevices.ts), iosref.com, ios-resolution.com. Researched September 2026.