Screen sizesphone

393 × 852 viewport: which devices use it?

393 × 852CSS px · 19.5:9

393 × 852 is the CSS viewport of 3 devices in our research, including the iPhone 16, iPhone 15 / 15 Pro, iPhone 14 Pro. It’s the #11 most common phone screen size worldwide (1.9%, Aug 2026). Turned sideways it becomes 852 × 393.

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 16393×85231179×25562024
iPhone 15 / 15 Pro393×85231179×25562023
iPhone 14 Pro393×85231179×25562022

Check your site at 393 × 852

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

Breakpoints

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

Room for content

361px with 16px side padding, 345px with 24px. Anything fixed wider than 393px makes the page scroll sideways (how to fix it).

All devices 393px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 393 × 852 viewport?

iPhone 16, iPhone 15 / 15 Pro, iPhone 14 Pro.

Is 393 × 852 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPhone 16 is 1179 × 2556 (DPR 3); the iPhone 15 / 15 Pro is 1179 × 2556 (DPR 3).

Which breakpoint does a 393px wide screen use?

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

How common is 393 × 852?

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

Guides that help