zoukankan      html  css  js  c++  java
  • Vue开发h5或者小程序由px转换rem

    首先下载第三方包:postcss-pxtorem

    再在vue.config.js文件中配置以下代码:

    const autoprefixer = require('autoprefixer'); // 浏览器前缀处理工具
    const pxtorem = require('postcss-pxtorem'); // 可以把px自动切换为rem,如果需要使用px的时候改成 px 就可以生效

    const config = {
        outputDir: 'dist',
        publicPath: '/',
        css: {
            loaderOptions: {
                postcss: {
                    plugins: [
                        autoprefixer(),
                        pxtorem({
                            rootValue: 37.5, // 换算的基数 37.5px = 1rem
                            propList: ['*'] // 属性的选择器,*表示通用与所有选择器
                        })
                    ]
                }
            }
        }
    }


    module.exports = config;
  • 相关阅读:
    头插法建立单链表
    顺序表
    栈的顺序存储实现
    折半查找
    myeclipe 快捷键盘
    ztree redio单选按钮
    webuploader上传进度条 上传删除
    svn乱码解决办法
    异构SOA系统架构之Asp.net实现(兼容dubbo)
    RPC框架
  • 原文地址:https://www.cnblogs.com/xiaofang234/p/14929560.html
Copyright © 2011-2022 走看看