6f56f8cece
|
||
|---|---|---|
| fonts | ||
| images | ||
| .gitignore | ||
| CODE_OF_CONDUCT.md | ||
| Getting started with dual screens.md | ||
| LICENSE | ||
| README.md | ||
| SECURITY.md | ||
| background.jpg | ||
| favicon.ico | ||
| index.html | ||
| manifest.json | ||
| menu.css | ||
| offline.html | ||
| package-lock.json | ||
| package.json | ||
| pwabuilder-sw.js | ||
| spanning-css-polyfill.js | ||
| spanning-css-polyfill.js.map | ||
| styles.css | ||
| window-segments-polyfill.js | ||
README.md
| page_type | languages | products | description | ||
|---|---|---|---|---|---|
| sample |
|
|
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.