媒体查询那些事儿

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

@media screen and (max-980px){

    ...

}

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

    ...

}

@media screen and (min-1200px){

    ...

}