webAPP 如何禁止横屏？？？

来源：10-1 webApp服务端搭建的过程

L_Max

2017-04-24

webAPP 如何禁止横屏？？？

写回答

1回答

apple2008

2017-04-28

这是一个让人头痛的问题，先不说让不让横屏，就说检测横屏状态就有很多坑，用css的@media all and (orientation : landscape) 能检测到横屏，但是如果页面里有输入框，安卓的机子呼出键盘的时候就会被css检测为横屏状态，再说js的window.orientation，这个确实能检测到横屏变化，但是安卓又奇葩了，有些安卓手机的微信是不支持横屏的，怎么都横不过来，有的手机却能横屏，但是横屏了根本不会触发监听横屏的事件，横屏状态执行window.orientation获得的结果依然是0，就算用屏幕分辨率来判断是不是横屏都有坑，比如手机分辨率是宽320*高568，有的手机横屏以后会变成宽568*高320，但有的手机是不变的。出自知乎回答，希望可以帮助到你。

HTML5独立开发书城Web App

最前沿前端技术精讲， HTML5 、Vue.js 、Koa 、zepto 综合运用

3387 学习 · 685 问题

查看课程

相似问题

想问一下基于WebApp开发的软件是不是断网就不可用了

回答 1

设置user-scale=no，安卓双击无效，ios还是不行

回答 2

对于px 和 rem

回答 1

老师如果想要在边栏出现的时候不允许滑动屏幕

回答 1

。。。webapp。我以为是web手机网站封装成安卓APP那种，这个教程好像没科普这些？

回答 1

打开慕课网App查看更多内容