- 什么是媒体查询
- 媒体查询是可以帮助我们查询不同的屏幕宽度来进行相应的设置
- 使用@media 查询，可以针对不同的媒体类型来定义不同的样式
- 当我们重置浏览器的时候，页面会根据媒体查询来重新渲染页面
- 目前我们主要的媒体查询是针对移动端的：比如手机、平板等等。
- 媒体查询是可以帮助我们查询不同的屏幕宽度来进行相应的设置
- 媒体查询的语法规范
- 用@media 开头
- mediatype 媒体类型
- all 用于所有设备
- print 用于打印设备和打印预览
- screen 用于电脑屏幕、平板、手机等等（主要使用这个类型）
- all 用于所有设备
- 关键字 and not only
- and 可以将多个媒体特性连接起来，相当于且的意思
- not 排除某个媒体类型，相当于非的意思，可以省略
- only 指定某个特定的媒体类型 可以省略
- and 可以将多个媒体特性连接起来，相当于且的意思
- media feature 媒体特性，必须放在小括号中
- width 定义输出设备中页面可见区域的宽度
- min-width 定义输出设备中页面最小可见区域
- max-width 定义输出设备中页面最大可见区域
- width 定义输出设备中页面可见区域的宽度
- @media mediatype and|not|only （media feature） { CSS的样式代码}
- 例
- 用@media 开头
