Choose a dual-screen demo

Dual-screen CSS demos
CS50

Dual screen documentation

Original syntax

New syntax

Media

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

env() variables

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

JavaScript

window.visualViewport.segments