媒体查询

 媒体查询：由设备类型、监测设备特性表达式构成。

 

    语法：

        @media 设备类型[all\screen]  and (条件表达式){

            css样式

        }

    注：and两侧必须有空格

        not放在设备类型的前面（反向选择【排除某个范围】）

 

  媒体查询：做样式微小调整

        例如：

            浮动

            显示隐藏

            文本大小

            宽高

eg：

  header{
            background:orange;
        }
        h1{
            color:red;
        }
        h2{
            color:blue;
        }



        @media all and (min-width:1024px){
            h2{
                display:none;
            }
        }
        @media all and (max-width:1023px){
            h1{
                display:none;
            }

        }

当宽度大于等于1024的时候

当宽度小于1024的时候