Desktop monitor viewport sizes
Desktop monitors from 1280×1024 to 5K, including 4K screens at their usual Windows and macOS scaling. Remember: a browser window is often not full-screen on a big monitor.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| 24″ Full HD 1920×1080 | 1920×1080 | 1 | 1920×1080 | – |
| 27″ QHD 2560×1440 | 2560×1440 | 1 | 2560×1440 | – |
| 27–32″ 4K @ 150% (Windows) | 2560×1440 | 1.5 | 3840×2160 | – |
| 27″ 4K on a Mac (default) | 1920×1080 | 2 | 3840×2160 | – |
| 29″ Ultrawide 2560×1080 | 2560×1080 | 1 | 2560×1080 | – |
| 34″ Ultrawide 3440×1440 | 3440×1440 | 1 | 3440×1440 | – |
| 49″ Super-ultrawide 5120×1440 | 5120×1440 | 1 | 5120×1440 | – |
| 19″ 1440×900 (legacy) | 1440×900 | 1 | 1440×900 | – |
| 20″ 1600×900 (legacy) | 1600×900 | 1 | 1600×900 | – |
| 22″ 1680×1050 (legacy) | 1680×1050 | 1 | 1680×1050 | – |
| 17–19″ 1280×1024 (5:4) | 1280×1024 | 1 | 1280×1024 | – |
| iMac 24″ (4.5K) | 2240×1260 | 2 | 4480×2520 | 2024 |
| Studio Display 27″ (5K) | 2560×1440 | 2 | 5120×2880 | 2026 |
| Pro Display XDR 32″ (6K) | 3008×1692 | 2 | 6016×3384 | 2019 |
Try your site on every Monitors size at once
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.
What to take from this
Narrowest: 1280px
The 17–19″ 1280×1024 (5:4). If your layout survives this width with 16px of padding on each side (1248px of content), it survives the rest.
Widest: 5120px
The 49″ Super-ultrawide 5120×1440. Check that lines of text don’t get uncomfortably long and that your sm/md breakpoints kick in when you expect.
Questions people ask
What are the most common Monitors viewport widths?
Monitors viewports here range from 1280px (17–19″ 1280×1024 (5:4)) to 5120px (49″ Super-ultrawide 5120×1440) wide. The most common width in this list is 2560px (4 devices).
Which Monitors sizes should I test?
Test the narrowest (1280px), the most common (2560px) and the widest (5120px). If those three look right, the sizes in between almost always do too.
Is the viewport the same as the screen resolution?
No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.
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