Screen sizesphone

390 × 844 viewport: which devices use it?

390 × 844CSS px · 19.5:9

390 × 844 is the CSS viewport of 3 devices in our research, including the iPhone 17e, iPhone 16e, iPhone 14 / 13 / 12. It’s the #3 most common phone screen size worldwide (6.83%, Aug 2026). Turned sideways it becomes 844 × 390.

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 17e390×84431170×25322026
iPhone 16e390×84431170×25322025
iPhone 14 / 13 / 12390×84431170×25322022

Check your site at 390 × 844

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

Breakpoints

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

Room for content

358px with 16px side padding, 342px with 24px. Anything fixed wider than 390px makes the page scroll sideways (how to fix it).

All devices 390px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 390 × 844 viewport?

iPhone 17e, iPhone 16e, iPhone 14 / 13 / 12.

Is 390 × 844 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPhone 17e is 1170 × 2532 (DPR 3); the iPhone 16e is 1170 × 2532 (DPR 3).

Which breakpoint does a 390px wide screen use?

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

How common is 390 × 844?

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

Guides that help