CSS媒体查询

@media screen and (min-width:600px) and (max-width:900px){
    body {
        overflow-x: hidden;
    }
    
  }

  /* 电脑端-笔记本 */
  @media screen and (min-width:960px) and (max-width:1366px){

    body {
        overflow-x: hidden;
    }
    
  }
  /* 电脑端-显示器 */
  @media screen and (min-width:1366px) and (max-width:1920px){
    body {
        overflow-x: hidden;
    }
}

横屏和竖屏

 /* 竖屏*/
@media only screen and (orientation: portrait) {
    body {
        background-color: lightblue;
    }
}

 /* 横屏*/

@media only screen and (orientation: landscape) {
    body {
        background-color: lightblue;
    }
}