我不同意投票最多的答案。用屏风而不是窗户

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

是正确的方法。如果用窗口计算。高度，你在Android上就会遇到麻烦。当键盘打开时，窗口收缩。所以用screen代替window。

screen.orientation.type是一个很好的答案，但是使用IE。 https://caniuse.com/#search=screen.orientation

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

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

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

jQuery Mobile有一个事件来处理这个属性的变化…如果你想警告如果有人旋转后-定向变化

另外，在谷歌搜索之后，看看窗外。方向(我相信是用度来衡量的…)

编辑:在移动设备上，如果你打开键盘，那么上面可能会失败，所以可以使用屏幕。availHeight和屏幕。availWidth，即使打开键盘也能给出适当的高度和宽度。

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

有些设备不提供orientationchange事件，但会触发窗口的resize事件:

// Listen for resize changes
window.addEventListener("resize", function() {
    // Get screen size (inner/outerWidth, inner/outerHeight)

}, false);

没有orientationchange事件那么明显，但是工作得很好。请在这里查看

关于window有一点需要注意。方向是，如果你不在移动设备上，它将返回未定义。一个好的检查方向的函数是这样的，其中x是window。orientation:

//check for orientation
function getOrientation(x){
  if (x===undefined){
    return 'desktop'
  } else {
    var y;
    x < 0 ? y = 'landscape' : y = 'portrait';
    return y;
  }
}

这样称呼它:

var o = getOrientation(window.orientation);
window.addEventListener("orientationchange", function() {
  o = getOrientation(window.orientation);
  console.log(o);
}, false);

不是270，而是-90(-90)。