H5C3 05-媒体查询

 一. 媒体查询

媒体查询是 CSS 样式表最重要的功能之一，所谓媒体查询指的就是根据不同的媒体类型（设备类型）和条件来区分各种设备（例如：电脑、手机、平板电脑、盲文设备等），并为它们分别定义不同的 CSS 样式。媒体查询能让 CSS 可以更精确的作用于不同的设备或同一设备的不同条件，让所有用户都能得到很好的用户体验。

 2.语法规范

@media mediatype and|not|only (media feature){
      css-code;
}

• 用@media开通 注意@符号
• mediatype 媒体类型
• 关键字 and not only(  and：可以将多个媒体特性连接到一起，相当"且"于的意思   not：排除某个媒体类型，相当于"非"的意思，可以省略 only：指定某个特定的媒体类型，可省略)
• media feature