iPhone Duo Preview
See how your website looks on Apple’s foldable, folded or open.
Enter your website address. We show it at the exact Safari viewport sizes for the iPhone Duo outer display and inner display, so you can spot cramped headings, hidden buttons and awkward layouts before your customers do.
Your site will appear here.
Your site will appear here.
The viewport sizes we use
| Screen | Width | Height shown | Height with toolbars shrunk |
|---|---|---|---|
| Folded, portrait | 382 | 580 | 618 |
| Folded, landscape | 594 | 368 | 406 |
| Open, portrait | 669 | 867 | 902 |
| Open, landscape | 951 | 585 | 620 |
Sizes are CSS pixels for Safari 27.1, taken from WebKit Features for Safari 27.1. Each screen shows the smaller height, with the Safari toolbars at full size. Screen specs are from Apple’s iPhone Duo tech specs: a 5.4 inch outer display at 1398 by 2034 pixels plus a 7.6 inch inner display at 1878 by 2670 pixels.
How the preview works
We first check whether your site lets other pages show it in a frame. If it does, you see the live site at each screen’s exact width. You can scroll, tap links and open menus.
Some sites can’t be shown live inside another page. For those we open the page in a browser at the same size, decline any cookie banner, then show a full page snapshot you can scroll. Snapshots are sharp at up to 3x pixel density, with very long pages captured at a lower density to keep them quick to load.
The live view runs in the browser you are using now rather than Safari, so fonts and fine details can differ a little. For a final check, the iPhone Duo simulator in Xcode 27.1 is the closest match. We don’t keep a record of the sites you check. Snapshots are cached for ten minutes so repeat views load faster.
Spotted something that needs fixing? Talk to our team about making your site work harder on every screen.