-----------------【此插件注意事项：写在html里的css样式px是转换不了rem的，还有类似h1,h6这些原生。可做事后调整】
1.安装 flexible和 postcss-px2rem【一起安装】
npm i lib-flexible postcss-px2rem --save
2.flexible和 postcss-px2rem作用
【flexible会为页面根据屏幕自动添加标签，动态控制initial-scale，maximum-scale，minimum-scale等属性的值 ===>设备缩放比】
【postcss-px2rem会将px转换为rem，rem单位用于适配不同宽度的屏幕，根据标签的font-size值来计算出结果。】
--------------- 以通过【监听窗口变化】达到想要的绝大部分自适应效果。
获取窗口宽度：document.body.clientWidth
监听窗口变化：window.onresize
同时回顾一下JS里这些方法：
网页可见区域宽：document.body.clientWidth
网页可见区域高：document.body.clientHeight
网页可见区域宽：document.body.offsetWidth (包括边线的宽)
网页可见区域高：document.body.offsetHeight (包括边线的宽)