Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法

lib-flexible并不单独使用，而是搭配px2rem-loader一起做适配方案，目的是自动将css中的px转换成rem，在项目中还是按照设计稿写上对应的固定像素就行。然后再找到cssLoaders中的generateLoaders的函数，添加上px2rem-loader。）代码中头像宽高样式为130px,项目是以750px的设计稿为例，以375px的屏幕为例：以411px的屏幕为例：以768px的屏幕为例：总而言之，当项目使用来lib-flexible插件后，元素的宽度会根据手机的分辨率大小自动调节，来实现移动端屏幕的适配！不过目前此插件已停止维护，但是不耽误使用，搜索lib-flexible时，github上出来的事amfe-flexible，下面有amfe-flexible的git地址，大家没事也可以学习学习，虽然lib-flexible很好用但是我们也要与时俱进啊！