13、媒体查询

媒体查询
    示例代码：
        @media screen and (max-width: 960px) {
          div {
            width: 800px;
            height: 500px;
            border: 20px solid blue;
            background: #ccc;
          }
        }
    解释：
        当屏幕发生变化，根据设置的最大值宽度或者最小值宽度时，读取大括号内的代码
        @media screen and (当屏幕发生变化，最大宽度到达某一个值得时候，比如max-width:960px时，执行以下代码) {
            
        }

媒体查询一定要放在初始设置的css样式底下，否则会被后面设置的css样式覆盖掉媒体查询所设置的样式，那么媒体查询就不会生效了。

• eg.