javascript 媒体查询，如果从javascript检测到匹配

Posted 2021-05-03

@media screen and (orientation: landscape) {
    body {
      /* background-color:red; */
    }

    
  }
  
  @media screen and (orientation: portrait) {
    body {
        /* background-color:blue; */
    }
   
}

var x = window.matchMedia("(orientation: portrait)");
  
  if (x.matches){
      console.log("resizeWindow: portrait");


  } else {
      console.log("resizeWindow: landscape");
  }