iPhone

iPhone Duo — outer screen vs iPhone Duo — unfolded: screen size for websites

The iPhone Duo — unfolded is 569px wider and 9px shorter in CSS pixels. That’s enough for a layout that fits the iPhone Duo — unfolded to spill on the iPhone Duo — outer screen.

iPhone Duo — outer screeniPhone Duo — unfolded
CSS viewport382 × 678951 × 669
Visible on first load382 × 597 (Safari (iPhone Duo))951 × 589 (Safari (iPhone Duo, unfolded))
Device pixel ratio33
Physical resolution1398 × 20342670 × 1878
Screen size5.4″7.6″
Aspect ratio13.1:916:11.3
Tailwind breakpointbase styles onlymd
Bootstrap tierxsmd
Full-width image needs1146px2853px
Released20262026

See your site on both, side by side

Paste your address (or localhost:3000). doesitfit shows it on the iPhone Duo — outer screen and iPhone Duo — unfolded at their exact sizes, next to each other.

Free, no sign-up. Or ask Claude, ChatGPT or Codex to check it.

What the difference means for your site

Width: 382px vs 951px

Headings and buttons wrap differently: a line that fits in 951px can break onto two lines in 382px. Anything with a fixed width between the two makes the narrower screen scroll sideways (fix it).

Height: 678px vs 669px

On first load a page shows 597px on the iPhone Duo — outer screen and 589px on the iPhone Duo — unfolded, so “above the fold” differs by 8px.

Questions people ask

Is the iPhone Duo — outer screen screen bigger than the iPhone Duo — unfolded for websites?

The iPhone Duo — unfolded is 569px wider and 9px shorter in CSS pixels. That’s enough for a layout that fits the iPhone Duo — unfolded to spill on the iPhone Duo — outer screen.

What are the viewport sizes of the iPhone Duo — outer screen and iPhone Duo — unfolded?

iPhone Duo — outer screen: 382 × 678 CSS px (DPR 3). iPhone Duo — unfolded: 951 × 669 CSS px (DPR 3).

Do I need to test my site on both?

Yes if your layout has anything close to 951px wide. Test the narrower one first: it’s where things spill.

More comparisons