Screen sizesphone

440 × 956 viewport: which devices use it?

440 × 956CSS px · 19.6:9

440 × 956 is the CSS viewport of 3 devices in our research, including the iPhone 18 Pro Max, iPhone 17 Pro Max, iPhone 16 Pro Max. Turned sideways it becomes 956 × 440.

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 440 × 956

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 wide

Breakpoints

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

Room for content

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

All devices 440px wide, whatever their height.

Nearby sizes

Questions people ask

Which phone have a 440 × 956 viewport?

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

Is 440 × 956 the screen resolution?

No, it’s the viewport in CSS pixels. The physical screen has more pixels: the iPhone 18 Pro Max is 1320 × 2868 (DPR 3); the iPhone 17 Pro Max is 1320 × 2868 (DPR 3).

Which breakpoint does a 440px wide screen use?

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

Guides that help