鍍金池/ 問答/HTML5  HTML/ JS如何檢測移動(dòng)端橫豎屏?

JS如何檢測移動(dòng)端橫豎屏?

做的微信H5頁面,橫屏后再豎屏樣式就亂了,有什么辦法禁止橫屏或者檢測橫豎屏變化嗎?

回答
編輯回答
朽鹿

H5頁面啊,是豎屏的頁面吧?目前常用做法是:

1、如果豎屏打開,正常顯示,如果橫屏打開,應(yīng)該把頁面旋轉(zhuǎn)90°顯示

clipboard.png

clipboard.png

2、橫屏?xí)r候直接提示,請(qǐng)豎屏瀏覽

clipboard.png

橫屏提示這個(gè),可以參考朋友圈廣告開發(fā)規(guī)范里有個(gè)方法,自己摘出來用。
https://ad.weixin.qq.com/lear...
clipboard.png

2017年8月22日 07:33
編輯回答
溫衫

做好適配就可以了,不用去檢測橫豎屏變化

2017年4月4日 06:21
編輯回答
六扇門

只要用戶改變了設(shè)備的查看模式,就會(huì)觸發(fā) orientationChange事件。結(jié)合這個(gè)orientationChange事件和window的orientation屬性,我們就比較好判斷設(shè)備是處于橫屏還是豎屏了。
原文鏈接

2017年7月19日 09:49
編輯回答
落殤

監(jiān)聽onresize事件 判斷寬高比就行了,嚴(yán)謹(jǐn)些的如下:
檢測移動(dòng)端橫豎屏

2017年2月7日 21:09
編輯回答
筱饞貓
<meta name="x5-orientation" content="portrait">

qq瀏覽器強(qiáng)制豎屏,看看好不好用

2017年7月3日 06:48