iPad、iPhone、Android が水平か垂直かを判断するための jQuery に基づくコード_jquery

実際には、主に window.orientation を通じて実装されます。以下のコードを見てみましょう。

コードをコピー コードは次のとおりです。

function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad, iPhone 縦画面
$("body").attr("class", "landscape; ");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad , iPhone 水平画面; Andriod 垂直画面
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//ページがロードされたときに
$(function(){
orient();
}) を呼び出します。
//
$(window).bind を呼び出します。ユーザーが画面の向きを変更したとき ('orientationchange', function(e){
orient();
});

画面の向きに対応する window.orientation 値:

iPad: 横画面の場合は 90 または -90
iPad: 縦画面の場合は 0 または 180
Android: 横画面の場合は 0 または 180
Android: 縦画面の場合は 90 または -90