Mobile browser generally support window.orientation This parameter, through this parameter can determine whether the phone is in a horizontal screen or vertical screen state.
The corresponding procedure is executed according to the actual demand. By adding the Listener event Onorientationchange, the execution will be done.
// determine the status of the phone screen: function hengshuping () {if(window.orientation==180| | Window.orientation==0) {alert ("Vertical screen status! ")}if(window.orientation==90| | Window.orientation==-90) {alert ("Horizontal screen state! ")}}window.addeventlistener (infalse);
In the development of ipad andiphone, we will probably need to determine whether it is a horizontal screen or a vertical screen.
Here's how to use JQuery to determine whether an ipad, IPhone,Android is a horizontal or vertical screen:
functionOrient () {if(window.orientation = = | | window.orientation = =-90) {//ipad, iphone vertical screen, andriod horizontal screen$ ("Body"). attr ("Class", "Landscape")); Orientation= ' Landscape ';return false;}Else if(window.orientation = = 0 | | window.orientation = = 180) {//ipad, iphone horizontal screen; andriod vertical screen$ ("Body"). attr ("Class", "Portrait")); Orientation= ' Portrait ';return false;}}//called when the page loads$(function() {orient ();});//called when the user changes the screen orientation$ (window). bind (' Orientationchange ',function(e) {orient ();});
Window.orientation Values for screen orientation:
Ipad:90 or-90 horizontal screen
ipad:0 or 180 vertical screen
andriod:0 or 180 horizontal screen
Andriod:90 or-90 vertical screen
Original link: http://caibaojian.com/orientation.html
Use JavaScript to determine whether your phone is in a horizontal or vertical screen