美文网首页
css3媒体查询的运算符

css3媒体查询的运算符

作者: lvyweb | 来源:发表于2019-02-25 10:49 被阅读0次

标签(空格分隔): css


and

and运算符用于符号两边规则均满足条件则匹配 既满足条件A又满足条件B
eg:

  @media screen and (max-width : 768px) {
    /*匹配宽度小于768px的电脑屏幕*/
    }

not

not运算符用于取非,所有不满足该规则的均匹配 非
eg:

  @media not print {
    /*匹配除了打印机以外的所有设备*/
}

,(逗号)

相当于 or 用于两边有一条满足则匹配 或
eg:

  @media screen , (min-width : 768px) {
    /*匹配电脑屏幕或者宽度大于768px的设备*/
 }

相关文章

  • CSS 响应设计-媒体查询

    1、响应式 Web 设计 - 媒体查询 媒体(media)查询在 CSS3 上有介绍:CSS3 @media 查询...

  • 浅谈CSS3 响应式布局--Media Queries

    CSS3 Media Queries , CSS3媒体查询。使用 @media 查询,你可以针对不同的媒体类型定义...

  • CSS3 媒体查询

    1、CSS3 多媒体查询 CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想: 取代了查找设备的类型,C...

  • CSS3响应式开发

    CSS3多媒体查询 CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想: 取代了查找设备的类型,CSS3...

  • Media queries

    CSS3提供了多种媒体查询的方式 通过dpi

  • IE8 兼容性处理

    Doctype Meta 媒体查询支持 Respond.js CSS3 支持 CSS3 PIE,它支持的特性有这些...

  • 媒体查询

    媒体查询是CSS3添加的新功能。在移动端适配开发中发挥着强大的作用。接下介绍一下媒体查询的用法。 使用 媒体查询有...

  • css3媒体查询的运算符

    标签(空格分隔): css and and运算符用于符号两边规则均满足条件则匹配 既满足条件A又满足条件Beg: ...

  • CSS3中的媒体查询

    一、为什么需要媒体查询 CSS3的媒体查询模块就是为了针对设备特性(width、height等)设置特定的css样...

  • CSS3多媒体查询

    CSS3 的多媒体查询继承了 CSS2 多媒体类型的所有思想: 取代了查找设备的类型,CSS3 根据设置自适应显示...

网友评论

      本文标题:css3媒体查询的运算符

      本文链接:https://www.haomeiwen.com/subject/zaewyqtx.html