iPhone Duo Testerduoresponsive.com

Surface Duo 2 (Dual)

Popular Breakpoint

Dual-screen spanned mode with physical 66px hinge gap

1344 × 1892 ptPhysical 3360 × 4730 pxDPR 2.5x8.3"
Auto
Live Presets:
Dual AMOLED 90Hz with 66px Hinge·8.3" display·Aspect Ratio 336:473
@media (screen-spanning: single-fold-vertical)
Expert Q&A

Surface Duo 2 (Dual) Testing FAQs

Common questions about responsive web design on Surface Duo 2 (Dual).

What is the viewport resolution of Surface Duo 2 (Dual)?

The Surface Duo 2 (Dual) has a CSS viewport of 1344px × 1892px at a device pixel ratio of 2.5x. The physical panel resolution is 3360 × 4730 pixels.

How does CSS handle the hinge on Surface Duo 2 (Dual)?

When spanned across both screens, content spans the full 1344px width with a central fold. Use CSS media query @media (screen-spanning: single-fold-vertical) and environment variables env(fold-left) and env(fold-width) to offset layout elements away from the seam.

Can I split my layout into two columns for each screen?

Yes. Use CSS Flexbox or Grid with grid-template-columns: 1fr 1fr and add margin around the hinge area (66px for Duo 2) to cleanly separate content onto both displays.