and两端必须要有空格

媒体类型的引入方式

/内部样式表中使用媒体查询/ @media 媒体类型 { 选择器{ /样式代码写在这里…/} }

媒体类型

常遇到的媒体类型是 All（全部） Screen（屏幕） Print（页面打印或打印预览模式）实际上媒体类型不止这三种，W3C共列出10种媒体类型

媒体特征

是CSS3对媒体类型的增强版可以将媒体特性看成“媒体类型（判断条件）+ CSS（符合条件的样式规则）”

关键词

注意关键字左右添加空格

and：同时满足这两者时生效，到达限定范围 @media screen and （max-width：1200px）{样式代码…}
only：指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器

not：排除某种指定的媒体类型，即排除符合表达式的设备 [除了xxx] @media not print and （max-width：1200px）{样式代码…}