CSS：使用媒体查询适配不同终端屏幕大小

2022-11-22 周二

文档

举个例子：根据屏幕高度来作为适配条件

  @media screen and (max-height: 700px)  {
    .box {
      height: 390px;
      /* background: lightpink; */
    }
  }
  @media screen and (min-height: 700px)  {
    .box {
      height: 500px;
      /* background: lightblue; */
    }
  }