页面适配 - flexible

可以自动给页面中的 html 标签设置字体大小，以此设置 rem 的基本值

步骤：

1.0 安装 amfe-flexible

npm i -S amfe-flexible

2.0 在 main.js 中引入 amfe-flexible

import 'amfe-flexible'

页面适配 - postcss-pxtorem

设计稿中的测量出来的长度都是 px, 无法自动适应设备，如果自己手写 px 转换 rem 太麻烦了，可以使用postcss-pxtorem来自动设置

文档地址：https://github.com/cuth/postcss-pxtorem

步骤：

1.0 下载 postcss-pxtorem

npm install postcss-pxtorem@5.1.1 --save-dev

页面适配 - normalize.css

很多现代化浏览器会为元素标签添加一些独有的默认样式，这会带来一定的显示差异，我们可以自己写css去覆盖，但是有个写好的样式库可以直接使用，它就是normalize.css

文档地址：http://necolas.github.io/normalize.css/

1.0 下载 normalize.css

npm install normalize.css

2.0 导入第三方包

import 'normalize.css'