检测视口方向（如果方向为纵向显示警报消息，建议用户进行说明）

一尘不染

javascript

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

有没有一种方法可以检测访问该页面的用户是否正在以“纵向”模式查看该页面，如果显示，则显示一条消息，通知用户该页面在横向模式下的浏览效果最佳？如果用户已经在横向模式下查看它，则不会出现任何消息。

因此，基本上，我希望站点检测视口的方向，如果方向是纵向，则显示一条警告消息，通知用户该页面最好在横向模式下查看。

阅读 262

2020-04-25

共1个答案

一尘不染

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

jQuery Mobile有一个处理此属性更改的事件……如果您想在以后有人旋转时发出警告，
orientationchange

另外，经过一番谷歌搜索后，检查一下window.orientation（我相信这是度数…）

2020-04-25