使用Javascript判断手机浏览器是水平屏幕还是垂直屏幕。

手机屏幕状态/判断:
功能hengshuping(){
如果(窗口。定位= = 180 | |窗口。定位= = 0){
警报()垂直屏幕状态!)
}
如果(窗口。定位= = 90 | |窗口。定位= = 90){
警报()水平屏幕状态!)
}
}
Window.addEventListener(onorientationchange 窗口orientationchange :调整


移动终端浏览器/ window.orientation普遍支持这个参数,这个参数可以判断通过手机在一个水平或垂直的屏幕显示状态。

因此,相应的程序是根据实际的需要进行的。通过添加监视事件onorientationchange,可以执行它。

在iPad和iPhone网页的开发过程中,我们可能需要判断一个水平屏幕还是垂直屏幕。

以下是如何使用jQuery来确定iPad、iPhone、Android是水平屏幕还是垂直屏幕的方式


函数奥连特(){
如果(window.orientation = 90 | | window.orientation = = 90){
/ / iPad、iPhone手机横屏竖屏;
$(体),Attr(班
定位=景观;
返回false;
}
如果(window.orientation = = 0 | | { window.orientation = = 180)
/ / iPad、iPhone手机横屏竖屏;
$(体),Attr(班
定位= 'portrait;
返回false;
}
}
调用页加载
$(函数(){())
东方();
});
调用用户屏幕更改方向
$(窗口),Bind('orientationchange功能(e){ {)
东方();
});


对应的屏幕方向的window.orientation价值:

iPad:90或90横屏



iPad:0或180垂直屏幕



手机:0或180横屏



手机:90或90竖屏

以上是对你的小介绍。使用Javascript判断浏览器是水平屏幕还是垂直屏幕。我们希望能帮助你。如果你有任何问题,请给我留言。萧边会及时回复你。谢谢你的支持网站。