移動端H5經常遇到轉屏後佈局變亂,爲避免遇到這種情況通常會提醒用戶使用哪種方式的屏幕更好,或者禁止屏幕轉動。
爲此需要監聽屏幕的轉動事件
//監聽窗口轉動事件
window.addEventListener('orientationchange',function(){
//如果爲豎屏
if (window.orientation === 0 || window.orientation === 180) {
//do something...
}
//如果爲橫屏
else if (window.orientation === 90 || window.orientation === -90) {
//do something...
}
})