Widthsphone

Devices with a 390px wide viewport

390px3 devices

3 devices give web pages a 390 CSS pixel wide viewport in portrait, with heights from 844 to 844px. If your layout fits 390px, it fits all of them. Sizes this wide are about 6.83% of worldwide traffic in StatCounter’s top lists (Aug 2026).

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

Check your site at 390px

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

Breakpoints

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

Room for content

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

Sharp images

At DPR 3, a full-width image needs 1170px of real pixels.

Every height at this width

390 × 844

Nearby widths

Questions people ask

Which phones have a 390px wide viewport?

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

Is 390px the screen resolution?

No. 390px is the width in CSS pixels, what web pages get. The screens have 3× as many physical pixels across (the device pixel ratio).

Which breakpoint applies at 390px?

Tailwind CSS: base styles only (below sm, 640px). Bootstrap: xs. Media queries use this CSS width, not the screen resolution.

How common is a 390px wide screen?

Screen sizes 390px wide make up about 6.83% of the traffic in StatCounter’s top lists for Aug 2026 (390×844: 6.83%).

Guides that help