>  기사  >  웹 프론트엔드  >  iPad, iPhone, Android가 가로인지 세로인지 확인하는 jQuery 기반 코드 screen_jquery

iPad, iPhone, Android가 가로인지 세로인지 확인하는 jQuery 기반 코드 screen_jquery

WBOY
WBOY원래의
2016-05-16 16:48:451944검색

실제로는 주로 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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.