page_type	languages	products	description
sample	js, html, css	web	Web sample to leverage the new w3c standard spanning APIs

Official Microsoft Sample

This sample demonstrates how to leverage the new W3C standard APIs to detect the hinge position and size to properly position your content inside a website that is spanned between a two screen device, such as Surface Duo or a Windows 10X device.

Key concepts

Shows how to leverage the new CSS media query, explained by https://github.com/zouhir/spanning-css-polyfill

Contributing

This project welcomes contributions and suggestions. Most contributions require you to agree to a Contributor License Agreement (CLA) declaring that you have the right to, and actually do, grant us the rights to use your contribution. For details, visit https://cla.opensource.microsoft.com.

When you submit a pull request, a CLA bot will automatically determine whether you need to provide a CLA and decorate the PR appropriately (e.g., status check, comment). Simply follow the instructions provided by the bot. You will only need to do this once across all repos using our CLA.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.