小编典典

检测视口方向,如果方向是纵向显示警告消息,建议用户使用说明

all

我正在建立一个专门针对移动设备的网站。特别是有一个页面最好在横向模式下查看。

有没有办法检测访问该页面的用户是否以纵向模式查看它,如果是,则显示一条消息,通知用户该页面最好以横向模式查看?如果用户已经在横向模式下查看它,则不会出现任何消​​息。

所以基本上,我希望网站检测视口方向,如果方向是 Portrait ,然后显示一条警告消息,建议用户最好在 横向 模式下查看此页面。


阅读 87

收藏
2022-06-08

共1个答案

小编典典

if(window.innerHeight > window.innerWidth){
    alert("Please use Landscape!");
}

jQuery Mobile 有一个事件来处理这个属性的变化......如果你想在有人稍后旋转时发出警告
-orientationchange

另外,在谷歌搜索之后,检查一下window.orientation(我相信这是以度数衡量的......)

编辑 :在移动设备上,如果您打开键盘,则上述操作可能会失败,因此可以使用screen.availHeightand
screen.availWidth,即使在打开键盘后也能提供适当的高度和宽度。

if(screen.availHeight > screen.availWidth){
    alert("Please use Landscape!");
}
2022-06-08