使用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中使用控制台,请阅读本文