美文网首页
vant移动端适配

vant移动端适配

作者: 随风飞2019 | 来源:发表于2021-05-25 12:11 被阅读0次

    npm i -S amfe-flexible

    在main.js文件中引入lib-flexible
    import 'amfe-flexible'

    安装postcss-pxtorem
    npm i -D postcss-pxtorem@5.1.1
    之所以需要这个版本,是为了避免升级postcss8.x报错

    在public/index.html加入meta标签
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">

    vue.config.js里加入配置
    module.exports = {
    css: {
    loaderOptions: {
    postcss: {
    plugins: [
    require('postcss-pxtorem')({
    rootValue: 37.5,
    propList: ['*']
    })
    ]
    }
    }
    },
    }

    这样,375社交稿,可以直接使用

    相关文章

      网友评论

          本文标题:vant移动端适配

          本文链接:https://www.haomeiwen.com/subject/ywiqsltx.html