什么是响应式布局？
- 运行在移动设备的网页(web)，称之为移动端网页(移动web)。所谓的移动设备泛指：手机，平板。
- 一般情况下，pc端与移动端响应式布局时分开的；弄一起太麻烦了。京东就是PC端与移动端分开的。 在pc段官网是：(url:www.jd.com/) ，移动端是: (url: m.jd.com)
为何有移动端布局？
- 手机设备分辨率各不相同，不能使用和pc端相同的方法去直接设置页面
- 移动端使用场景极广，不仅可以用于制作移动端网页，还可以用于制作小程序，app
响应式布局主要有几种？
- 媒体查询 ``
- 百分比布局
相对于父元素:视口宽度与高度按百分比计算 - rem布局
rem是相对于根元素html的大小，常用 - em布局
相对于父元素大小 - vw/vh
相对于视窗大小百分比 - flex布局
弹性缩放盒子 - grid布局
Bootstrap框架
