Galaxy Z Fold 6 (Cover)
Ultra-narrow cover screen — extreme portrait aspect ratio
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
aspect-ratio: 22.1/9Galaxy Z Fold 6 (Cover) Testing FAQs
Common questions about responsive web design on Galaxy Z Fold 6 (Cover).
What is the viewport size of the Galaxy Z Fold 6 (Cover)?
The Galaxy Z Fold 6 (Cover) has a CSS viewport of 375px × 968px at 2.6x DPR. Physical resolution is 975 × 2517 pixels.
How do foldable Android devices affect my web layout?
Foldable devices can switch between a narrow cover screen and a wide inner display. Use @media (horizontal-viewport-segments: 2) to detect dual-panel mode, and test both the inner and outer viewports to ensure your layout adapts correctly.
What is the difference between dvh, svh, and vh on Android Chrome?
100vh ignores the collapsible address bar and may hide content. Use 100dvh (dynamic viewport height) which adjusts as the URL bar expands/contracts, or 100svh (small viewport height) for the safest compact size.