Choose a dual-screen demo

Red/green
Color boxes

Posture (testing proposed syntax)

Documentation

docs.microsoft.com/dual-screen/web

Syntax summary

Media query

@media (horizontal-viewport-segments:2) { }
@media (vertical-viewport-segments:2) { }

Environment variables

env(viewport-segment-width 0 0)
env(viewport-segment-width 0 1)

JavaScript

window.visualViewport.segments