Dual-Screen-webbeispieleDual-screen web samples

Wichtig

In diesem Artikel werden Funktionen und Anleitungen beschrieben, die sich in der öffentlichen Vorschau befinden und vor der allgemeinen Verfügbarkeit noch wesentlich geändert werden können.This article describes functionality and guidance that is in public preview and may be substantially modified before it's generally available. Microsoft übernimmt keine Garantie, weder ausdrücklich noch stillschweigend, für die hier bereitgestellten Informationen.Microsoft makes no warranties, express or implied, with respect to the information provided here.

Nachdem Sie Ihren Edge-Desktop-Browser,-Emulator oder Surface-Duo konfiguriert haben, testen Sie diese Dual-Screen-Demos:Once you’ve configured your Edge desktop browser, emulator, or Surface Duo, try these dual-screen demos:

Box-CSS-Beispiel für Dual-Screen

Demo zu einfachen FächernSimple boxes demo

In diesem einfachen Beispiel werden Umgebungsvariablen zum Anordnen von Feldern um das Scharnier verwendet, wenn sich der Webbrowser überspannt.This simple example uses environment variables to lay out boxes around the hinge when the web browser is spanned.

Beispiel für eine Fotogalerie mit zwei Bildschirmen

Dieses Beispiel zeigt eine Fotogalerie-APP, die einen Lightbox-Effekt auf einem Bildschirm verwendet, aber zwei Bildschirme nutzt, wenn sich der Webbrowser überspannt.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.