媒体查询基础

@media	-
mediatype	媒体类型	all-----用于所有设备 print-----用于打印机和打印预览 screen-----用于电脑屏幕、平板电脑、智能手机等
and|not|only	关键字	and-----相当于“且” not----相当于“非” only-----指定某个特定的媒体类型
media feature	媒体特性（必须有小括号包含）	width-----定义输出设备中页面可见区域的宽度 min-width-----定义输出设备中页面最小可见区域的宽度 max-width-----定义输出设备中页面最大可见区域的宽度 device-width-----设备屏幕的宽度

@media mediatype and|not|only (media feature){
   // css
}

引入资源（根据页面的大小引入不同的css样式）

<link rel="stylesheet" href="" media="mediatype and|not|only (media feature)">