可以參考這篇論壇： html5螢幕旋轉事件 ，測試的時候按照@media 的css可以實現相關的body顏色改變效果，其他的方法在瀏覽器中沒有測試成功，或許是沒有在手機上進行測試緣故。
下面的**再手機上進行測試後，測試通過。
html頁面如下：
connecting to device
device is ready
手機瀏覽器支援orientationchange 事件（螢幕旋轉事件） 和 window.orientation屬性（螢幕旋轉角度）
orientation 可能值有 0 （預設豎屏） ，－90（向右旋轉） ，90 （向左旋轉）三個可選項。
關鍵**：
補充說明：關於手機橫豎屏，螢幕選轉的問題，以及螢幕適配的問題，在開發中都是要進行考慮的，為的是更好的使用者體驗，當然也可以在瀏覽器中固定螢幕的朝向，在遊戲開發中很重要。不同的平台有不同的處理機制，比如使用以下js可以實現解除螢幕旋轉鎖定（螢幕可以進行旋轉），和固定螢幕旋轉。
window.screen.unlockorientation();//解除螢幕旋轉鎖定window.screen.lockorientation('portrait-primary'); //鎖定豎屏如有不妥不正確之處，希望批評指出，相互學習，共同進步!
HTML5螢幕適配標籤設定
開發html5遊戲中，我們常用的一些mata標籤 name viewport content width device width,initial scale 1,user scalable no,minimal ui width viewport 的寬度 範圍從 200 到 10,000 預設為 ...
HTML5螢幕適配標籤設定
開發html5遊戲中，我們常用的一些mata標籤 width viewport 的寬度 範圍從 200 到 10,000 預設為 980 畫素 height viewport 的高度 範圍從 223 到 10,000 initial scale 初始的縮放比例 範圍從 0到 10 minimum s...
HTML5觸控事件演化tap事件
觸控事件是移動瀏覽器特有的html5事件，雖然click事件在pc和移動端更通用，但是在移動端會出現300ms延遲，較為影響使用者體驗，300ms延遲來自判斷雙擊和長按，因為只有預設等待時間結束以確定沒有後續動作發生時，才會觸發click事件。所以觸控事件反應更快，體驗更好。觸控事件的型別 為了區別...