移动屏幕旋转解决方法
来源:互联网 发布:右友是一款什么软件 编辑:程序博客网 时间:2024/06/10 08:20
禁止用户屏幕旋转。
这点可以肯定的说是做不到的,之前因为有项目需要禁止屏幕旋转,所以网上查阅了大量的资料,发现根本没有解决办法,在移动版webkit中根本做不到。苹果api也说明了,我们为了让用户在safari中正常的浏览网页,我们必须保证用户的设备处于任何一个方位时,safari都能够正常的显示网页内容(也就是自适应),所以我们禁止开发者阻止浏览器的orientationchange事件,所以ios是禁止阻止orientationchange事件的,而Android也一样,也是无法禁止屏幕旋转,所以在webapp里是做不到了。但是可以利用orientationchange事件判断方向,横屏时的显示方式与竖屏时的显示方式,写成两种样式。
html部分:
<div class="landscape-tips" style="display: none"> 为了更好的视觉体验,请在竖屏下进行操作。 </div>js部分:
<script> //横竖屏提示 window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { if (window.orientation === 180 || window.orientation === 0) { //options.orientationchange('portrait'); $(".wrapper").show(); $(".landscape-tips").hide(); } if (window.orientation === 90 || window.orientation === -90 ){//横屏时 //options.orientationchange('landscape') $(".wrapper").hide(); $(".landscape-tips").show(); } }, false);</script>
1 0
- 移动屏幕旋转解决方法
- 获取 WinCE 移动设备屏幕旋转方向
- android 旋转屏幕导致Activity重建解决方法
- Android屏幕旋转180度解决方法
- Android屏幕显示旋转180度解决方法
- 手指在屏幕上的移动来旋转物体
- IOS&Android通用屏幕控制(移动旋转缩放)
- IOS&Android通用屏幕控制(移动旋转缩放)
- android 屏幕旋转 重新调用onCreate的解决方法
- MyEclipse Ctrl+Alt+Down 变成旋转屏幕解决方法
- iOS开发屏幕旋转锁定横竖屏解决方法
- MyEclipse中Ctrl+Alt+向下方向键变成旋转屏幕解决方法
- 旋转屏幕
- 屏幕旋转
- 屏幕旋转
- 屏幕旋转
- 旋转屏幕
- 屏幕旋转
- Angularjs练手篇——Server编写
- Linux 更改目录及子目录权限
- jenkins slave搭建
- @PathVariable
- 插入排序(InsertionSort)
- 移动屏幕旋转解决方法
- 多线程编程API简介 下
- Eclipse:An internal error occurred during: "Build Project". GC overhead limit exceeded
- 建表参数(pctfree,IniTrans,maxtrans)含义
- 提示:Failure [INSTALL_FAILED_ALREADY_EXISTS]
- Android源码抽象工厂---IPolicy
- 调试web service的问题:“无法自动进入并单步执行服务器。无法确定停止位置。请验证是否已加载符号。未找到符号:……”
- cocos studio 3.10点击在windows平台运行报错 在windows平台运行 返回值1
- 自己实现String类