Google Pixel 9 Pro Fold (Cover)
Standard 20:9 smartphone ratio cover screen on Pixel 9 Pro Fold
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
max-width: 412pxGoogle Pixel 9 Pro Fold (Cover) Testing FAQs
Common questions about responsive web design on Google Pixel 9 Pro Fold (Cover).
What is the viewport size of the Google Pixel 9 Pro Fold (Cover)?
The Google Pixel 9 Pro Fold (Cover) has a CSS viewport of 412px × 874px at 2.6x DPR. Physical resolution is 1071 × 2272 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.