CSS 高度和宽度媒体查询

2019-5-10 16:20| 作者: admin| 查看: 3407| 评论: 0|来自: 钱柜手机网页版

关于媒体查询的基本内容可以参阅CSS @media 媒体查询一章节。

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

代码片段如下:

[CSS] 纯文本查看 复制代码
@media (min-width:800px) and (min-height:400px){
  /*code*/
}

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

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

[CSS] 纯文本查看 复制代码
@media (width:800px) and (height:400px){
  /*code*/
}

上面代码表示只有宽度为800px且高度为400px的应用指定的样式。


鲜花

握手

雷人

路过

鸡蛋

最新评论

返回顶部