vue/03的学习三 页面适配和VantUI的使用

使用插件对移动端的页面进行适配

1、第一

　　引入lib-flexible .

　　安装lib-flexible：　　npm i lib-flexible --save

　　在项目的入口main.js文件中引入lib-flexible:

import 'lib-flexible'
一定不要忘了是在main.js中

2、第二

　　使用postcss-px2rem自动将css中的px转换成rem（真的是大大提升了我们的工作效率，棒棒的，不用自己去瞎算啊）

　　安装postcss-px2rem ：　　npm install postcss-px2rem --save-dev

3. 移除public中index.html中关于viewport的meta标签

vue.config.js中加入配置项 (如果没有vue.config.js就直接根目录(package.json同级)新建一个)
 

module.exports = {
 
    css: {
 
        loaderOptions: {
 
               css: {
 
                       // options here will be passed to css-loader
 
               },
 
         postcss: {
 
                    // options here will be passed to postcss-loader