Widthsphone

Devices with a 393px wide viewport

393px4 devices

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

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 16393×85231179×25562024
iPhone 15 / 15 Pro393×85231179×25562023
iPhone 14 Pro393×85231179×25562022
Xiaomi Redmi Note 13 / 14 (4G)393×8732.751080×24002024

Check your site at 393px

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

Breakpoints

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

Room for content

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

Sharp images

At DPR 2.75 / 3, a full-width image needs 1081px / 1179px of real pixels.

Every height at this width

393 × 852, 393 × 873

Nearby widths

Questions people ask

Which phones have a 393px wide viewport?

iPhone 16, iPhone 15 / 15 Pro, iPhone 14 Pro, Xiaomi Redmi Note 13 / 14.

Is 393px the screen resolution?

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

Which breakpoint applies at 393px?

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

How common is a 393px wide screen?

Screen sizes 393px wide make up about 7.16% of the traffic in StatCounter’s top lists for Aug 2026 (393×873: 5.26%, 393×852: 1.9%).

Guides that help