媒体查询那些事儿

media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现

 

@media screen and (max-width:980px){

    ...

}

@media screen and (min-width:980px) and (max-width:1200px){

    ...

}

@media screen and (min-width:1200px){

    ...

}