美文网首页
在你的VUE程序中使用REM是配

在你的VUE程序中使用REM是配

作者: 木羽木羽女口生 | 来源:发表于2020-12-10 15:04 被阅读0次

    首先使用npm安装amfe包
    在你的终端中运行以下命令

    npm i amfe-flexible
    

    在你的main.js中导入它的包

    // 自动设置REM基准值(html标签字体大小)
    import 'amfe-flexible'
    

    完成上述操作之后,你在切换你的设备分辨率的时候,你的字体就会自动切换大小

    安装protcss-pxtorem(安装这个是为了将你的px转换为rem)

    npm install postcss-pxtorem -D
    

    然后在你的项目的根目录下创建一个名为postcss.config.js的文件,并且输入以下代码:

    module.exports = {
        plugins: {
          autoprefixer: {
            browsers: ['Android >= 4.0', 'iOS >= 8'],
          },
          'postcss-pxtorem': {
            rootValue: 37.5,
            propList: ['*'],
          },
        },
      }
    

    //这种转换是不支持行内样式的,只能以css样式。

    相关文章

      网友评论

          本文标题:在你的VUE程序中使用REM是配

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