가능한 중복 : 나는 이것에 대해 몇 posts를 볼 수 있지만 정말 확실한 대답이 아니라 몇 가지 제안 해결 방법을 발견했다
Mobile site - force landscape only/no auto-rotatecss/js/html을 통해 가로 방향으로 장치 방향을 설정 하시겠습니까?
.
웹 페이지를 통해 기기 방향을 강제로 지정할 수 있습니까? 예 : 내 사이트를 가로로 잼 할 수 있습니까?
고마워요.
JavaScript로 작업 할 수 있습니다. 지원 여부를 먼저 확인하십시오 : 당신이 회전에 뭔가를하려는 경우
if (window.DeviceOrientationEvent) {
console.log("DeviceOrientation is supported");
}
window.addEventListener('deviceorientation', function(eventData) {});
나는 당신이이 켜져있을 때 응답 귀하의 측면을 트리거한다 같아요. 장치가이를 수행하기 때문에 방향을 트리거 할 수 없습니다. 따라서 웹 사이트가 가로 모드로로드 될 때이를 감지하고 가로 모드로 사이트를 렌더링해야합니다 (맞춤 CSS로드). 그러면 방문자가 휴대 전화 나 태블릿을 사용할 때 청취자가 새 CSS로 사이트를 다시 렌더링 할 수 있습니다. 자바 스크립트 (jQuery는 이러한 상황에 대해 조언 됨)를 통해 파일.
사이트에서 수행 할 수있는 작업이 많지 않으므로 방향을 변경하기 위해 GET 메서드 호출을 사용하여 페이지를 다시로드 할 수 있지만 과정이 느려질 수 있습니다. 휴대 기기에서 자바 스크립트로 전체 웹 사이트를 다시 렌더링하면 iPhone에서 이전에 테스트 한 내용이 휴대 전화에 과열 될 수 있습니다. 자바 스크립트 엔진은 빠르며 모든 것을 부드럽게 렌더링하기 위해 많은 CPU를 꺼내지만 짧은 시간에 많은 자원을 소비하므로 모바일 장치가 렌더링을 계속 유지하기 어렵습니다. 가장 좋은 예는 자바 스크립트 호출로 HTML5 게임을 만들 때입니다. iPhone은 실제로 App : P에서 게임을하는 것처럼 열을 올릴 수 있습니다.
아직 허용할만한 사항은 없지만 제안되어 있습니다. [The Screen Orientation API] (http://dvcs.w3.org/hg/screen-orientation/raw-file/tip/Overview.html)를 참조하십시오. – sachleen