利用 Media Query監聽
Media Query 相信大部分人已經使用過了。其實 JavaScript可以配合 Media Query這么用：

var mql = window.matchMedia("(orientation: portrait)");
mql.addListener(handleOrientationChange);
handleOrientationChange(mql);
function handleOrientationChange(mql) {
  if (mql.matches) {
    alert('The device is currently in portrait orientation ')
  } else {
    alert('The device is currently in landscape orientation')
  }}

借助了 Media Query 接口做的事件監聽，所以很強大！
也可以通過獲取 CSS 值來使用 Media Query 判斷設備情況，詳情請看：JavaScript 依據 CSS Media Queries 判斷設備的方法。