媒体查询（Media Query)

媒体查询( Media Query )是CSS3新语法,是样式:
语法规范：

@media mediatype and|not|only (media feature) {
	CSS-Code;
}
// 1.用@media开头；
// 2.mediatype媒体类型；
// 3.关键字and not only
// 4.media feature媒体特性，必须有小括号包含

mediatype媒体查询类型
将不同的终端设备划分成不同的类型，称为媒体类型

all	用于所有设备
print	用于打印机和打印预览
screen	用于电脑屏幕，平板电脑，智能手机等

关键字:将媒体类型或多个媒体特性连接到一起做为媒体查询的条件。
and ：可以将多个媒体特性连接到一起，相当于“且”的意思；
not：排除某个媒体类型，相当于“非”的意思，可以省略；
only：指定某个特定的媒体类型，可以忽略。

媒体特性
每种媒体类型都具体各自不同的特性，根据不同媒体类型的媒体特性设置不同的展示风格：

width	定义输出设备中页面可见区域的宽度
min-width	定义输出设备中页