Devices with a 834px wide viewport
834px2 devices
2 devices give web pages a 834 CSS pixel wide viewport, with heights from 1194 to 1210px. If your layout fits 834px, it fits all of them.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPad Pro 11″ (M4/M5) | 834×1210 | 2 | 1668×2420 | 2025 |
| iPad Pro 11″ (2018–2022) | 834×1194 | 2 | 1668×2388 | 2022 |
Check your site at 834px
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 834px
Breakpoints
Tailwind: md (sm: md: styles apply). Bootstrap: md.
Room for content
802px with 16px side padding, 786px with 24px. Anything fixed wider than 834px makes the page scroll sideways (fix it).
Sharp images
At DPR 2, a full-width image needs 1668px of real pixels.
Every height at this width
Nearby widths
Questions people ask
Which tablets have a 834px wide viewport?
iPad Pro 11″, iPad Pro 11″.
Is 834px the screen resolution?
No. 834px is the width in CSS pixels, what web pages get. The screens have 2× as many physical pixels across (the device pixel ratio).
Which breakpoint applies at 834px?
Tailwind CSS: md (sm: md: styles apply). Bootstrap: md. Media queries use this CSS width, not the screen resolution.
Guides that help
- 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
- 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
- Tailwind breakpoints on real devices, from sm to 2xlWhich real phones, tablets, laptops and monitors land in Tailwind's sm, md, lg, xl and 2xl breakpoints, upright and sideways, plus the gotchas that bite.Guides · 8 min read