OnePlus Open (Inner)
Popular BreakpointFoldable tablet display with Open Canvas multi-app multitasking
Site Headers Restrict Iframes
sends X-Frame-Options or CSP headers blocking iframe embedding.
@media (screen-spanning: single-fold-vertical)OnePlus Open (Inner) Testing FAQs
Common questions about responsive web design on OnePlus Open (Inner).
What is the viewport size of the OnePlus Open (Inner)?
The OnePlus Open (Inner) has a CSS viewport of 896px × 984px at 2.75x DPR. Physical resolution is 2464 × 2706 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.