Screen sizesphone

375 × 667 viewport: which devices use it?

375 × 667CSS px · 9:16

375 × 667 is the CSS viewport of 1 device in our research, including the iPhone SE (2nd & 3rd gen). It’s the #12 most common phone screen size worldwide (1.77%, Aug 2026). Turned sideways it becomes 667 × 375.

DeviceCSS viewportDPRPhysical pixelsYear
iPhone SE (2nd & 3rd gen)375×6672750×13342022

Check your site at 375 × 667

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

Breakpoints

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

Room for content

343px with 16px side padding, 327px with 24px. Anything fixed wider than 375px makes the page scroll sideways (how to fix it).

All devices 375px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone has a 375 × 667 viewport?

iPhone SE (2nd & 3rd gen).

Is 375 × 667 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPhone SE (2nd & 3rd gen) is 750 × 1334 (DPR 2).

Which breakpoint does a 375px wide screen use?

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

How common is 375 × 667?

1.77% of mobile screens worldwide (#12) in Aug 2026, according to StatCounter.

Guides that help