Share via

이중 화면 웹 샘플

  • 아티클

Microsoft Edge 97 이상에서 Surface Duo에서 이러한 샘플을 사용해 보세요. 지침에 따라 Edge(또는 Chrome)의 개발자 도구를 사용하여 데스크톱 브라우저에서 이중 화면 보기를 시뮬레이션할 수도 있습니다.

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

간단한 상자 데모

이 간단한 예제에서는 환경 변수를 사용하여 웹 브라우저가 스팬될 때 힌지 주위에 상자를 배치합니다.

Screenshot shows a photo gallery dual-screen sample.

이 예제에서는 단일 화면에서 라이트박스 효과를 사용하지만 웹 브라우저가 스팬될 때 두 화면을 활용하는 사진 갤러리 앱을 보여 줍니다.

Screenshot shows a recipe dual-screen sample.

레시피 보기

CSS를 사용하는 아름다운 이중 화면 레시피 레이아웃.