834 × 1210 viewport: which devices use it?
834 × 1210CSS px · 13.1:9
834 × 1210 is the CSS viewport of 1 device in our research, including the iPad Pro 11″ (M4/M5). Turned sideways it becomes 1210 × 834.
| Device | CSS viewport | DPR | Physical pixels | Year |
|---|---|---|---|---|
| iPad Pro 11″ (M4/M5) | 834×1210 | 2 | 1668×2420 | 2025 |
Check your site at 834 × 1210
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 wide
Breakpoints
Tailwind: md (sm: md: styles apply). Bootstrap: md. Sideways (1210px): Tailwind lg (sm: md: lg: styles apply).
Room for content
802px with 16px side padding, 786px with 24px. Anything fixed wider than 834px makes the page scroll sideways (how to fix it).
All devices 834px wide, whatever their height.
Nearby sizes
Questions people ask
Which tablet has a 834 × 1210 viewport?
iPad Pro 11″ (M4/M5).
Is 834 × 1210 the screen resolution?
No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPad Pro 11″ (M4/M5) is 1668 × 2420 (DPR 2).
Which breakpoint does a 834px wide screen use?
Tailwind CSS: md (sm: md: styles apply). Bootstrap: md.
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
- 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