移动端转屏事件

移动端H5经常遇到转屏后布局变乱，为避免遇到这种情况通常会提醒用户使用哪种方式的屏幕更好，或者禁止屏幕转动。

为此需要监听屏幕的转动事件

//监听窗口转动事件
window.addEventListener('orientationchange',function(){
    //如果为竖屏
    if (window.orientation === 0 || window.orientation === 180) {
        //do something...
    }
    //如果为横屏 
    else if (window.orientation === 90 || window.orientation === -90) {
        //do something...
    }      
})