检测视口方向，如果方位是肖像显示警告信息，通知用户指示

Question

检测视口方向，如果方位是肖像显示警告信息，通知用户指示我正在建设一个专门为移动设备的网站。有一个页面，特别是在景观模式最好观看。是否有一种方法可以检测访问该页面的用户是否正在以肖像模式查看该页面，如果是的话，则显示一条消息，通知用户页面最好是在景观模式下查看？如果用户已经在景观模式下查看它，则不会出现任何消息。因此，基本上，我希望站点检测到视口方向，如果方向是肖像画，然后显示一条警告消息，通知用户此页最好在景物模式

Answer 1

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

jQueryMobile有一个处理此属性更改的事件.如果你想警告，如果有人稍后旋转-orientationchange

另外，在谷歌搜索之后，查看一下window.orientation(我相信以度来衡量.)

Answer 2

您也可以使用window.matchMedia，因为它与CSS语法非常相似，所以我使用并更喜欢它：

if (window.matchMedia("(orientation: portrait)").matches) {
   // you're in PORTRAIT mode}if (window.matchMedia("(orientation: landscape)").matches) {
   // you're in LANDSCAPE mode}

在iPad 2上测试。