WEB前端

CSS 高度和宽度媒体查询@media(一般移动端)

位置:首页 > WEB前端 > css教程,2019-08-07 10:01
下面介绍一下关于CSS 高度和宽度媒体查询(一般移动端)的判断,希望能够给需要的朋友带来帮助。
下面介绍一下关于媒体查询中的宽度和高度的判断,希望能够给需要的朋友带来帮助。

代码片段如下:
@media (min-width:800px) and (min-height:400px){
  /*code*/
}

上面代码表示当宽度大于等于800px且高度大于等于400px的时候应用相应的css代码。



再看看一下没有min或者max前缀的情况,代码如下:
@media (width:800px) and (height:400px){
  /*code*/
}
上面代码表示只有宽度为800px且高度为400px的应用指定的样式。

TAGS:CSS 高度CSS 宽度CSS 媒体查询

猜你喜欢

NewHot