2响应式布局媒体查询.pdf

媒体查询 一、简介 ： 理解：媒体查询是响应式布局的方法之一，扩展了 Media 属性。 作用：使网页适配于各种设备（为不同设备提供不同样式）。 核心：当屏幕改变到一定的大小，页面中的模块样式设置发生改变。 二、使用方法： 1. 首先在使用 Media 属性的时候需添加兼容移动设备优先代码。 meta name=”viewport”content=”width=device-width,initial-scale=1.0,ma ximum-scale=1.0,user-scalable=”no” 参数解释：