Dual-screen web samples


This article describes functionality and guidance that is in public preview and may be substantially modified before it's generally available. Microsoft makes no warranties, express or implied, with respect to the information provided here.

Once you’ve configured your Edge desktop browser, emulator, or Surface Duo, try these dual-screen demos:

Boxes dual-screen CSS sample

Simple boxes demo

This simple example uses environment variables to lay out boxes around the hinge when the web browser is spanned.

Photo gallery dual-screen sample

This example shows a photo gallery app that uses a lightbox effect on a single-screen, but takes advantage of two screens when the web browser is spanned.