关于@media

将website里首页适配，原网页不能自如的伸缩，且不能在手机上很好的浏览。

1.小于960px的尺寸的写法：@media screen and (max-width:960px){

body{

background:#000;

}

}

是media的标准写法，当页面小于960px时，执行下面的css

2.等于960px尺寸的写法：@media screen and（max-device-width:960px）{

body{

      background:red;

     }

}

当页面等于960px时，执行下面的css

3.大于960px尺寸的写法：@media screen  and（min-width:960px）{

Body{

      Background:orange;

    }

}

当页面大于960px时，执行下面的css

4.混合使用上面的用法：@media screen and（min-width:960px）and（max-width:1200px）{

body{

  Background：#000；

}

}

当页面宽度大于960px小于1200px的时候执行下面的css