通过

双屏 Web 示例

  • 项目

在 Microsoft Edge 97 或更高版本的 Surface Duo 上试用这些示例。 还可以按照说明在 Edge (或 Chrome) 中使用开发人员工具 在桌面浏览器中模拟双屏视图。

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

简单框演示

此简单示例使用环境变量在跨越 Web 浏览器时围绕铰链布局框。

Screenshot shows a photo gallery dual-screen sample.

此示例演示了一个照片库应用，该应用在单屏上使用光箱效果，但在跨越 Web 浏览器时利用两个屏幕。

Screenshot shows a recipe dual-screen sample.

食谱视图

使用 CSS 的美观双屏食谱布局。