响应式的实现方式有很多种，但最基础的还是rem
学习前提：
了解网页视口尺寸

（掐头去尾）

重点题目：
1.rem概念
px是绝对长度单位，最常用
em是相对长度单位，相对于父元素
rem也是相对长度单位，但相对于根元素，因此更常用与响应式布局

2.响应式布局的常用方案
media-query:查询屏幕宽度，根据不同的屏幕宽度设置根元素的font-size，再使用rem
（基本不用手写）


3.vw  vh
rem存在弊端，它是呈现阶梯性的。
但vh vw是顺滑的 非阶梯性的
vh：网页视口高度的1/100（）
vw：网页时口宽度的1/100（window.innerWidth)
vmax：取两者的最大值
vmin：取两者的最小值