em rem

em

• em是一个相对单位，它需要一个参考属性，参照的是当前元素的字体的大小
• 参考值为：HTML根标签的font-size的值
  

rem

• rem相对单位，
• 参考值为：HTML根标签的font-size的值
• rem布局的原理：
  动态修改html根标签中的font-size值。
  实现方式：
  1.通过js
  2.通过vw。
  
  

vw/vh

• 用百分比布局也有缺点，：
  1.计算百分数不方便。
  2.多层嵌套时使用不方便。

• v w：1vw = 屏幕宽度的百分之一。
  v h: 1vh = 屏幕高度的百分之一。

• 区别：
  百分比参照的是父盒子
  vw/vh 参照的是屏幕。