웹 애플리케이션에 가로 방향을 강제로 적용할 수 있나요?

애플리케이션에 가로 방향 강제 적용

질문: 애플리케이션이 "세로" 모드용으로 설계되었음에도 불구하고 "가로" 모드로 표시하도록 강제 , 자주 발생하는 문제입니다. 어떻게 이를 달성할 수 있습니까?

원래 답변:

안타깝게도 웹사이트나 웹 애플리케이션을 특정 방향으로 제한하는 것은 불가능합니다. 이 제한은 장치의 고유한 사용자 경험을 보존하기 위해 존재합니다. 그러나 다음 방법을 사용하여 현재 방향을 감지할 수 있습니다.

• CSS3 미디어 쿼리:

@media screen and (orientation:portrait) {
    /* CSS applied when the device is in portrait mode */
}

@media screen and (orientation:landscape) {
    /* CSS applied when the device is in landscape mode */
}

• JavaScript 방향 변경 이벤트:

document.addEventListener("orientationchange", function(event){
    switch(window.orientation) 
    {  
        case -90: case 90:
            /* Device is in landscape mode */
            break; 
        default:
            /* Device is in portrait mode */
    }
});

업데이트된 답변(2014년 11월 12일):

HTML5 웹 앱 매니페스트의 출현으로 방향 모드 강제 적용 이제 가능합니다. 이는 다음과 같이 수행할 수 있습니다.

• manifest.json 파일을 생성하고 다음 줄을 포함합니다.

{
    "display":      "standalone", /* Could be "fullscreen", "standalone", "minimal-ui", or "browser" */
    "orientation":  "landscape", /* Could be "landscape" or "portrait" */
    ...
}

• HTML 파일에서 매니페스트 참조:

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

방향 잠금을 위한 웹앱 매니페스트 지원은 국가마다 다를 수 있습니다. 브라우저.

위 내용은 웹 애플리케이션에 가로 방향을 강제로 적용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!