07.rem布局

需求:宽高同时适配;

• rem与em的异同点
  相同：都是相对单位，都是相对字体大小
  不同： 相对参考不一样
  em:参考元素自身字体大小
  rem:参考html元素字体
  一般开发中html的字体大小只是为了修改rem的参考值，不会对网页原有字体产生影响
  因为网页的字体一般设置body的font-size

• rem：相对单位，相对html字体大小
  1.如果使用rem，一般要设置html字体大小
  2.一般需要将html字体大小设置为当前屏幕的 1/10
  3.如何动态设置html字体大小是屏幕 1/10
  * js来实现
  * 2.计算当前设计图稿中px对应的rem
  a.用一个插件帮你计算 cssrem