JS如何检测移动端横竖屏?

做的微信H5页面,横屏后再竖屏样式就乱了,有什么办法禁止横屏或者检测横竖屏变化吗?

阅读 9.3k
5 个回答

做好适配就可以了,不用去检测横竖屏变化

只要用户改变了设备的查看模式,就会触发 orientationChange事件。结合这个orientationChange事件和window的orientation属性,我们就比较好判断设备是处于横屏还是竖屏了。
原文链接

<meta name="x5-orientation" content="portrait">

qq浏览器强制竖屏,看看好不好用

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

1、如果竖屏打开,正常显示,如果横屏打开,应该把页面旋转90°显示

clipboard.png

clipboard.png

2、横屏时候直接提示,请竖屏浏览

clipboard.png

横屏提示这个,可以参考朋友圈广告开发规范里有个方法,自己摘出来用。
https://ad.weixin.qq.com/lear...
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题