拿到一个750px宽度的设计稿，设计稿上有一个300x200大小的容器
使用代码还原出设计稿的内容，这一步我们要做到页面的显示效果和设计稿完全一致（还原设计稿）
1.定义html节点的font-size值75px（75怎么来？见第3步的js把屏幕分成10份，设计稿大小750/10得出，如果分20份，那么这里就是750/20=37.5）
2.把元素的width height padding margin等等都改成rem单位值，比如上面的300x200的容器，300/75得出容器的width值，样式写width: 4rem，同理高度写height: 2.67rem。对页面上其他元素都类似处理。【每个元素的单位值都要人工计算的话，太繁琐也没什么技术含量，所以寻找工具来代替我们去计算：postcss-pxtorem插件】
3.此时，我们打开页面，把页面宽度调整成和设计稿宽度一样，看页面 是否 和设计稿效果完全一致，一致则已经完成了还原设计稿这一步，后续只需要调整rem基准值即可完成适配
- 设配
1.根据当前运行设备的宽度，来设置html节点的font-size值，即1rem是多少px【通过js脚本动态设置rem值这件事，使用amfe-flexible这个库来完成】
2.浏览器运行时会自动计算每个元素的大小得到px大小，然后绘制到屏幕上
