• 技术文章 >Web开发 >css教程

    css媒体查询的使用

    小妮浅浅小妮浅浅2021-10-21 14:49:37原创5599

    1、尽量把媒体查询放在相关规则附近,不要放在文档底部,否则很容易被后来维护的人遗忘。

    2、媒体查询针对每一个种屏幕(大、中、小)的分别单独组织为一个文件。

    实例

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    .element {

    }

    .element-avatar {

    }

    .element-selected {

    }

      

      

    /* base-media-small.css */

    @media (min-width: 480px) {

        .element {

        }

        .element-avatar {

        }

        .element-selected {

        }

    }

    以上就是css媒体查询的使用,希望对大家有所帮助。更多css学习指路:css教程

    专题推荐:css 媒体查询
    上一篇:css选择器的使用规范 下一篇:css中有哪些命名规范

    相关文章推荐

    • css中couters函数是什么• css中align-content属性是什么• css中align-items属性是什么• css中justify-content属性是什么• css中flex-flow属性是什么• css中flex-wrap属性是什么• css中flex-direction属性是什么• css中order属性的介绍• css中flex-grow属性是什么• css中flex-shrink属性是什么• css中flex-basis属性是什么• css中align-self属性是什么• css代码的规范整理

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网