使用jQuery/javascript旋转移动屏幕

使用jQuery/javascript旋转移动屏幕,javascript,jquery,mobile,Javascript,Jquery,Mobile,如何通过点击按钮改变移动屏幕的移动方向?像纵向视图到横向视图一样?您可以使用-webkit transform(CSS)属性更改方向: if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { $('body').css({ "-webkit-transform": "rotate(90deg)" }); } 首先让身体全

如何通过点击按钮改变移动屏幕的移动方向?像纵向视图到横向视图一样?

您可以使用
-webkit transform
(CSS)属性更改方向:

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    $('body').css({
        "-webkit-transform": "rotate(90deg)"
    }); 
}

首先让身体全屏。你可以自己做

document.body.requestFullscreen().then(res=>console.log(res).catch(err=>console.log(err);
然后使用

screen.orientation.lock('landscape').then(res=>console.log(res)).catch(err=>console.log(err))
注意:这仅适用于移动浏览器。如果您不知道如何在android chrome中使用控制台,请阅读本文