Foldable phone viewport sizes

Foldables have two very different screens: a narrow cover screen and a big, almost square inner one. Your site has to work on both, and it gets a resize event when someone unfolds the phone.

12 devices·widths 369–951px·updated September 2026

DeviceCSS viewportDPRPhysical pixelsYear
iPhone Duo — outer screen382×67831398×20342026
iPhone Duo — unfolded951×66932670×18782026
Samsung Galaxy Z Fold 7 — cover412×9602.6251080×25202025
Samsung Galaxy Z Fold 7 — unfolded750×8322.6251968×21842025
Samsung Galaxy Z Fold 6 — cover369×9062.625968×23762024
Samsung Galaxy Z Fold 6 — unfolded708×8232.6251856×21602024
Samsung Galaxy Z Flip 7412×9602.6251080×25202025
Samsung Galaxy Z Flip 6412×10062.6251080×26402024
Google Pixel 10 Pro Fold — outer444×9702.43751080×23642025
Google Pixel 10 Pro Fold — unfolded755×7832.752076×21522025
Google Pixel 9 Pro Fold — outer444×9952.43751080×24242024
Google Pixel 9 Pro Fold — unfolded755×7832.752076×21522024

Try your site on every Foldables size at once

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.

What to take from this

Narrowest: 369px

The Samsung Galaxy Z Fold 6 — cover. If your layout survives this width with 16px of padding on each side (337px of content), it survives the rest.

Widest: 951px

The iPhone Duo — unfolded. Check that lines of text don’t get uncomfortably long and that your sm/md breakpoints kick in when you expect.

Questions people ask

What are the most common Foldables viewport widths?

Foldables viewports here range from 369px (Samsung Galaxy Z Fold 6 — cover) to 951px (iPhone Duo — unfolded) wide. The most common width in this list is 412px (3 devices).

Which Foldables sizes should I test?

Test the narrowest (369px), the most common (412px) and the widest (951px). If those three look right, the sizes in between almost always do too.

Is the viewport the same as the screen resolution?

No. The viewport is measured in CSS pixels, which is the screen resolution divided by the device pixel ratio (and by any display scaling). Media queries use the viewport.

Guides that help

Other devices