css3高度和宽度媒体查询介绍

最新推荐文章于 2023-08-01 18:06:30 发布

转载最新推荐文章于 2023-08-01 18:06:30 发布 · 659 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/573342

文章标签：

#前端 #ViewUI

关于css3媒体查询的基本内容可以参阅css3 Media Queries媒体查询一章节。

下面介绍一下关于媒体查询中的宽度和高度的判断，希望能够给需要的朋友带来帮助。

代码如下:

 
          @media (
          min-width
          :
          800px
          ) and (
          min-height
          :
          400px
          ){ 
         
          /*code*/ 
         
          }

上面的代码标识当宽度大于等于800px且高度大于等于400px的时候应用响应的css代码。

再看看一下没有min或者max前缀的情况，代码如下:

 
          @media (
          width
          :
          800px
          ) and (
          height
          :
          400px
          ){ 
         
          /*code*/ 
         
          }