JQuery-based code used to determine whether an iPad, iPhone, or Android screen is a horizontal screen or a vertical screen

In fact, it is mainly implemented through window. orientation. Let's take a look at the code below.

Copy codeThe Code is as follows:
Function orient (){
If (window. orientation = 90 | window. orientation =-90 ){
// Ipad and iphone portrait screen; Andriod landscape Screen
$ ("Body"). attr ("class", "landscape ");
Orientation = 'landscape ';
Return false;
}
Else if (window. orientation = 0 | Windows. orientation = 180 ){
// Horizontal screen of ipad and iphone; landscape screen of Andriod
$ ("Body"). attr ("class", "portrait ");
Orientation = 'portrait ';
Return false;
}
}
// Called during page loading
$ (Function (){
Orient ();
});
// Called when the user changes the screen direction
$ (Window). bind ('orientationchang', function (e ){
Orient ();
});

Window. orientation value corresponding to the screen direction:

Ipad: 90 or-90 horizontal screen
Ipad: 0 or 180 portrait Screen
Andriod: 0 or 180 horizontal screen
Andriod: 90 or-90 portrait Screen