1. 定制设计什么是媒体查询
媒体查询（Media Query）是新语法。
- 使用@media查询，定制设计可以针对不同的媒体类定制设计型定义不同的样式
- @media定制设计可以针对不同的屏幕尺定制设计寸设置不同的样式
- 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面
- 目前针对很多苹果手机、Android手机，平板等设备都用得到媒体查询
2. 语法规范
@media mediatype and|not|only (media feature){ css-code;}- 1
- 2
- 3
- 用@media开通 注意@符号
- mediatype 媒体类型
- 关键字 and not only
- media feature 媒体特性，必须有小括号包含
2.1 mediatype查询类型
将不同的终端设备划分为不同的类型，称为媒体类型
2.2 关键字
关键字将媒体类型或多个特性连接到一起做为媒体查询的条件
- and：可以将多个媒体特性连接到一起，相当"且"于的意思
- not：排除某个媒体类型，相当于"非"的意思，可以省略
- only：指定某个特定的媒体类型，可省略
2.3 媒体特性
每种媒体类型都具备各自不同的特性，根据不同媒体类型特性设置不同的展示风格，简单先了解三个
注意：他们要加小括号包含