実際には、主に 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
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
