2011-12-07 2 views
1

iPad 또는 다른 태블릿에서 내 웹 사이트를 볼 때 가로 모드에서만 사용할 수 있으며 iPad가 세로 모드 일 때는 회전 할 수 없습니다.iPad 고정 방향을 가로로 내림

CSS 또는 JavaScript로 가능합니까? main.css라고하는 CSS가 있고 가로 방향이있는 태블릿에만 tablet.css를 추가합니다.

+0

가능한 복제본 [iPhone 웹 응용 프로그램에서 세로 방향으로 방향을 고정하려면 어떻게합니까?] (http://stackoverflow.com/questions/1207008/how-do-i-lock-the-orientation-to- iOS Safari에서 오리엔테이션 변경 금지] – Prisoner

+0

중복 가능 (http://stackoverflow.com/questions/5298467/prevent-orientation-change-in-ios-safari)) – user123444555621

답변

0

흠. 나는 이것에 대한 간단한 대답이 있다고 생각하지 않는다. 그러나 해결 방법은 뷰포트의 크기를 감지하는 것입니다. 너비가 높이보다 크면 정상적으로 표시됩니다. 그렇지 않으면 CSS를 사용하여 주 용기를 90도 회전시킵니다. 행운을 빕니다!

+0

오리엔테이션을 감지 할 수 있지만 세로보기에서 어떻게 회전하지 않는지 알 수는 없습니다 –

+0

더 우아한 솔루션을 사용할 수없는 경우 장치가 세로보기로 감지되면 CSS를 사용하여 기본 컨테이너를 돌립니다. – eddz

관련 문제