如果您有最新的浏览器窗口。定向可能行不通。在这种情况下，使用下面的代码获取角度

var orientation = window.screen.orientation.angle;

这仍然是一个实验技术，你可以在这里检查浏览器兼容性

获得方向(在任何时间在你的js代码)通过

window.orientation

当窗口。方向返回0或180则处于竖屏模式，返回90或270则处于横屏模式。

如果您有最新的浏览器窗口。定向可能行不通。在这种情况下，使用下面的代码获取角度

var orientation = window.screen.orientation.angle;

这仍然是一个实验技术，你可以在这里检查浏览器兼容性

经过一些实验，我发现旋转一个方向感知设备总是会触发浏览器窗口的调整大小事件。因此，在你的resize处理程序中，简单地调用这样一个函数:

function is_landscape() {
  return (window.innerWidth > window.innerHeight);
}

有一种方法可以检测用户是否使用screen.orientation将设备切换到竖屏模式

只需使用下面的代码:

screen.orientation.onchange = function () {
     var type = screen.orientation.type;
     if (type.match(/portrait/)) {
         alert('Please flip to landscape, to use this app!');
     }
}

现在，当用户翻转设备时，onchange将被触发，当用户使用纵向模式时，警报将弹出。

我把两个解决方案结合起来，对我来说效果很好。

window.addEventListener("orientationchange", function() {                   
    if (window.matchMedia("(orientation: portrait)").matches) {
       alert("PORTRAIT")
     }
    if (window.matchMedia("(orientation: landscape)").matches) {
      alert("LANSCAPE")
     }
}, false);