Partager via


Exemples web double écran

Essayez ces exemples sur Surface Duo dans Microsoft Edge 97 ou versions ultérieures. Vous pouvez également suivre les instructions pour utiliser des outils de développement dans Edge (ou Chrome) pour simuler une vue double écran dans votre navigateur de bureau.

Screenshot shows a boxes dual-screen C S S sample.

Démonstration de boîtes simples

Cet exemple simple utilise des variables d’environnement pour mettre en place des boîtes autour de la charnière lorsque le navigateur web est étendue.

Screenshot shows a photo gallery dual-screen sample.

Cet exemple montre une application de galerie de photos qui utilise un effet lightbox sur un seul écran, mais tire parti de deux écrans lorsque le navigateur web est étendue.

Screenshot shows a recipe dual-screen sample.

Affichage recette

Belle disposition de recette double écran à l’aide de CSS.