h5监听手机浏览器横屏和竖屏(css和js)

css代码

/*横屏*/
@media (orientation:landscape) { }

/*竖屏*/
@media (orientation:portrait){ }

js代码

 window.addEventListener('resize', function(){
  //监听屏幕
  monitorScreen();
 });
 function monitorScreen() {
    if (window.orientation == 0){
        console.log("竖屏")
    }
    else if (window.orientation == 90){
        console.log("横屏")
    }
 };