移动端HTML5中判断横屏竖屏的方法

当前第2页 返回上一页

竖屏

横屏

二：JS判断横屏竖屏

1. 1 2 3 4 5 6 7 8 9

   //判断手机横竖屏状态：   window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {           if (window.orientation === 180 || window.orientation === 0) {                alert('竖屏状态！');           }            if (window.orientation === 90 || window.orientation === -90 ){                alert('横屏状态！');           }         }, false);

屏幕方向对应的window.orientation值：

ipad,iphone： 90 或 -90 横屏
ipad,iphone： 0 或180 竖屏
Andriod：0 或180 横屏
Andriod： 90 或 -90 竖屏

相关推荐：

HTML5实战与剖析之判断移动端横屏竖屏功能

基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码_jquery

页面强制横屏

以上就是移动端HTML5中判断横屏竖屏的方法的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

HTML5地理位置定位geolocation-api及haversine地理空间距离算法（图文）

HTML5应用-生日快乐动画的实现

移动端HTML5页面生成图片解决方案

HTML5 网络拓扑图应用实例讲解

HTML5 常用语法一览

h5混合开发app如何升级

HTML5实现调用摄像头并拍照功能

浅谈h5增强了哪些页面元素

h5和小程序有什么区别

HTML5移动框架有哪些

更多相关阅读请进入《HTML5》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 移动端HTML5中判断横屏竖屏的方法