OnePlus Open (Cover)
Standard smartphone ratio cover screen with ceramic guard
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
aspect-ratio: 20/9OnePlus Open (Cover) Testing FAQs
Common questions about responsive web design on OnePlus Open (Cover).
What is the viewport size of the OnePlus Open (Cover)?
The OnePlus Open (Cover) has a CSS viewport of 412px × 915px at 2.75x DPR. Physical resolution is 1133 × 2516 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.