실제로는 주로 window.orientation을 통해 구현하고 있습니다. 아래 코드를 살펴보겠습니다
function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad, iphone 수직 화면
$("body").attr("class", "landscape ");
orientation = 'landscape';
false를 반환합니다.
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad , iPhone 가로 화면
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//페이지가 로드되면
$(function(){
orient();
})를 호출합니다.
//
$(window).bind를 호출합니다. 사용자가 화면 방향을 변경할 때 ('orientationchange', function(e){
orient();
});
화면 방향에 해당하는 window.orientation 값:
ipad: 가로 화면의 경우 90 또는 -90
ipad: 세로 화면의 경우 0 또는 180
Andriod: 가로 화면의 경우 0 또는 180
Andriod: 세로 화면의 경우 90 또는 -90