Widthsphone

Devices with a 440px wide viewport

440px3 devices

3 devices give web pages a 440 CSS pixel wide viewport in portrait, with heights from 956 to 956px. If your layout fits 440px, it fits all of them.

DeviceCSS viewportDPRPhysical pixelsYear
iPhone 18 Pro Max440×95631320×28682026
iPhone 17 Pro Max440×95631320×28682025
iPhone 16 Pro Max440×95631320×28682024

Check your site at 440px

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 440px

Breakpoints

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

Room for content

408px with 16px side padding, 392px with 24px. Anything fixed wider than 440px makes the page scroll sideways (fix it).

Sharp images

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

Every height at this width

440 × 956

Nearby widths

Questions people ask

Which phones have a 440px wide viewport?

iPhone 18 Pro Max, iPhone 17 Pro Max, iPhone 16 Pro Max.

Is 440px the screen resolution?

No. 440px 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 440px?

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

Guides that help