移动端如何强制页面横屏？

Question

现在在做一个游戏落地页面，背景是一张1200高的图，当放在手机上后高度不够，填不满屏幕，希望能够在手机打开时强制横屏。

我找到的方法：

//判断屏幕方向
if(window.orientation==90||window.orientation==-90){

alert("横屏状态！")

}

//监听屏幕方向
window.onorientationchange = function(){

switch(window.orientation){ 
    case -90: 
    case 90: 
        alert("横屏:" + window.orientation);
    case 0: 
    case 180: 
         alert("竖屏:" + window.orientation);
    break; 
} 

}

但是我测试之后发现window.orientation已经废弃了，想请问一下还有其他方法可以做到吗？

Answer 1

旋转事件里面判断宽高像素值大小对比,宽比高大,就是横屏