media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现
@media screen and (max-width:980px){
...
}
@media screen and (min-width:980px) and (max-width:1200px){
...
}
@media screen and (min-width:1200px){
...
}
media query 是响应式设计的核心，它能够和浏览器进行沟通，告诉浏览器页面如何呈现
原文：https://www.cnblogs.com/likwin/p/8504492.html