웹 앱에서 가로 방향을 강제로 적용하는 방법은 무엇입니까?

애플리케이션에 가로 방향을 적용하는 비결

특정 애플리케이션이 특정 방향 모드를 요구한다는 것은 비밀이 아닙니다. 앱이 세로 모드용으로 전혀 설계되지 않은 경우 벽돌 벽에 부딪혔을 수 있습니다. 가로 방향 모드를 강제하는 기능은 오랫동안 누락된 기능이었지만 걱정하지 마세요!

원래 솔루션: 제한된 감지 및 제어 없음

전통적으로 감지만 가능했습니다. CSS3 미디어 쿼리 또는 JavaScript 이벤트를 사용하여 적절한 CSS 스타일을 트리거하는 현재 방향. 이를 통해 방향 변경에 반응할 수 있었지만 기기의 자연스러운 동작이 여전히 우세했기 때문에 특정 방향을 적용할 수 없었습니다.

구조를 위한 HTML5 웹앱 매니페스트

마지막으로 HTML5 웹앱 매니페스트가 솔루션을 제공합니다. 매니페스트.json 파일을 추가하면 이제 다음 속성을 설정할 수 있습니다.

• 디스플레이: UI 모드 제어(독립형, 전체 화면, 최소 UI 또는 브라우저)
• 방향: 가로 또는 세로 모드(가로 또는 세로)를 적용합니다.

이 줄을 매니페스트.json에 포함하고 HTML 파일에 연결하면 최종적으로 애플리케이션에 가로 방향을 강제 적용할 수 있습니다.

구현 세부정보:

{
    "display": "fullscreen", /* Choose UI mode here */
    "orientation": "landscape"
}

<link rel="manifest" href="manifest.json">

지원되는 브라우저:

현재 Chrome은 웹앱 매니페스트에 대한 지원을 제공합니다. 방향 잠금 기능. 더 많은 정보가 수집되면 이에 따라 이 기사도 업데이트될 것입니다.

위 내용은 웹 앱에서 가로 방향을 강제로 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!