How does your website look on foldable displays?
Preview your website across folded, open, and split-screen layouts—and check for potential layout and usability issues.
Compare your website across different display sizes and explore findings that may need attention.
Closed · 466 × 678 CSS pxprovisional
Estimated display sizes. Results reflect the test browser and may differ from Safari on an actual device.
Live loads the site in your own browser. Captured shows the test browser used for the report.
What gets checked
- Mobile viewport setupWhether the page tells mobile browsers how to size itself.
- Sideways scrolling and content past the edgePages wider than the screen, and visible elements that extend beyond its edge.
- Cut-off text and imagesText lines and images clipped by the container that holds them.
- Overlapping text and controlsText, buttons, and links drawn on top of each other.
- Fixed elements covering contentSticky headers, bars, or banners that take up a large share of the screen.
- Consent dialogs that don’t fitCookie or privacy dialogs whose buttons are cut off or can’t be reached.
- Resize without reloadingWhether the layout adapts when the available space changes, plus any page exceptions triggered by the resize.
- Assessment coverageWhether consent dialogs, verification pages, or empty screens limited what could be checked.
Results are sorted into measured issues, items worth reviewing, manual checks, and test limitations. There’s no overall score—just what we found and what we were able to check.
Display sizes used
| Mode | CSS size | Est. device density | Status |
|---|---|---|---|
| ClosedFolded, using the outer display | 466 × 678 | 3x | provisional |
| OpenUnfolded, using the full inner display | 890 × 626 | 3x | provisional |
| Split ViewUnfolded, sharing the screen with another app | 445 × 626 | 3x | provisional |
The current presets use estimated viewport sizes intended to approximate iPhone Duo display configurations. They are not confirmed Safari viewport measurements. Each mode is also tested rotated. Websites can’t detect the fold position, so we only test the space available to the browser.
The device density column is an estimate for the real hardware. Captured scans render at 1× density for speed, so the page sees a pixel ratio of 1. Layout sizes in CSS pixels match the table, but pages that choose images, borders, or styles based on screen density (for example srcset or resolution media queries) may pick their 1× version, and screenshots are less sharp than the device.
About this simulation
Duo Preview is an independent website preview tool by Avatar New York. It isn’t an official simulator, and it doesn’t exactly reproduce Safari on a physical device.
Live previews load the site in your own browser at each display size. Captured previews and all findings come from the scan environment, which currently runs in Headless Chromium (bundled). The scan browser identifies itself as mobile Safari so sites serve their mobile layout, but results reflect the test browser and may differ from Safari on an actual device.
These are layout checks, not a full accessibility audit, and they don’t test for missing files or general script errors. Automated checks also can’t verify checkout, form completion, the on-screen keyboard, real touch behavior, or device safe areas. We only test public pages that don’t require a login, and we never submit forms or make purchases.