jquery 锁定在Webflow中创建的网站的方向

mspsb9vt  于 2023-08-04  发布在  jQuery
关注(0)|答案(1)|浏览(84)

我想锁定我的网站的方向,以纵向模式,因为没有一点有一个景观模式。两个选择对我来说很有效:
1.完全锁定方向,因此在用户的屏幕旋转事件中,什么都不会发生(意味着,网站保持在纵向模式)。
1.制作一些好看的消息,只有当用户处于横向模式时才显示。
我试图在Stack Overflow中寻找答案,但没有任何帮助。

j2cgzkjk

j2cgzkjk1#

你可以试试ScreenOrientation API的lock函数:https://developer.mozilla.org/en-US/docs/Web/API/ScreenOrientation/lock

screen.orientation.lock('portrait');

字符串
但请注意,并非所有浏览器都支持:https://developer.mozilla.org/en-US/docs/Web/API/Screen_Orientation_API
您可能需要先请求全屏视图,如该用户所述:
对于chrome和本地浏览器,如三星互联网,你首先需要访问全屏,然后才能设置方向锁,这可以通过document.body.requestFullscreen来完成,它将返回一个promise。成功后,您可以锁定方向。
https://stackoverflow.com/a/67080112/1375229

相关问题