移动端如何强制横屏

由于刚开始没有思路，找了很多大神的参考，最后理解的出如下：
思路：在竖屏状态下，让body旋转成横屏，宽高获取屏幕的宽高；

Mlll000999887

css写法：

竖屏变横屏，body的宽高还是不对，现在用js来计算：

第二种方法：
1.通过添加监听事件onorientationchange，然后判断window.orientation这个参数

window.orientation参数对应的屏幕方向：

Andriod：0 或180 横屏

Andriod： 90 或 -90 竖屏

ipad，iphone： 90 或 -90 横屏

ipad，iphone： 0 或180 竖屏

2. window.matchMedia("(orientation: portrait)") 方法
   返回的是一个MediaQueryList对象，matches值为true表示为竖屏,反之就是横屏：
   

安卓手机在某些浏览器中可以禁止页面横屏：
QQ和微信中浏览器：

UC浏览器：

最后：
当然不止这一种方法，也可以全靠css来完成；

最后感谢博主大神：https://cloud.tencent.com/dev...
https://blog.csdn.net/Lc_styl...