Screen sizesphone

412 × 906 viewport: which devices use it?

412 × 906CSS px · 19.8:9

412 × 906 is the CSS viewport of 1 device in our research, including the OnePlus 13 / 12. Turned sideways it becomes 906 × 412.

DeviceCSS viewportDPRPhysical pixelsYear
OnePlus 13 / 12412×9062.6251440×31682025

Check your site at 412 × 906

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 412px wide

Breakpoints

Tailwind: base styles only (below sm, 640px). Bootstrap: xs. Sideways (906px): Tailwind md (sm: md: styles apply).

Room for content

380px with 16px side padding, 364px with 24px. Anything fixed wider than 412px makes the page scroll sideways (how to fix it).

All devices 412px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone has a 412 × 906 viewport?

OnePlus 13 / 12.

Is 412 × 906 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the OnePlus 13 / 12 is 1440 × 3168 (DPR 2.625).

Which breakpoint does a 412px wide screen use?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs.

Guides that help