css-响应式布局

（一）响应式布局

一 优势

不需要单独写移动端页面。一个页面兼容了移动端、pc端、pad端。，可以相应不同设备发生变化。

二 原理

通过媒体查询检测不同的宽度，从而针对不同设备进行布局样式设置

1.响应式布局容器

做法：需要一个父级布局容器，来配合子级元素来实现变化效果

通过媒体查询检测设备宽度，改变这个布局容器的宽度大小

• 响应式布局划分：

语法：