CSS——响应式布局之@media

语法格式：
@media mediaType and|not|only (media feature) {
/CSS-Code;/
}

如：
@media screen and (max-width: 300px) {
body {
background-color:lightblue;
}
}
设置了当屏幕宽度不超过300px时，背景颜色是亮蓝色。

也可以多个条件进行限制：
@media (min-width: 992px) and (max-width: 1200px) {…..}
表示当浏览器缩放尺寸在992px~1200px之间时，要执行的样式