媒体查询

媒体查询(Media Query)是CSS3新语法

• 使用@media查询，能够针对不一样的媒体类型定义不一样的样式
• @media能够针对不一样的屏幕尺寸设置不一样的样式
• 当重置浏览器大小的过程当中，页面也会根据浏览器的宽度和高度从新渲染页面
• 目前针对不少苹果手机、Android手机，平板灯设备都用获得多媒体查询

语法规范：

@media mediatype and|not|only (media feature) {
  CSS-Code;
}

• 用@media开头 注意@符号
• mediatype 媒体类型
• 关键字 and not only
• media feature 媒体特性 必须有小括号包含