一、媒体(介)查询 1.1 基本语法
媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有：width、height和color（等）。使用媒体查询可以在不改变页面内容的情况下，为特性的一些输出设备定制显示效果。
使用 @media 查询，你可以针对不同的媒体类型(媒体、媒介)定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media 是非常有用的。
基本语法：
@media 约束词 媒体类型 修饰词 宽高限制{css代码}
@media 媒体类型 and|not|only (媒介约束条件) { CSS-Code; }