移动端rem适配,postcss-pxtorem、lib-flexible 插件

-postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 rem
-lib-flexible 用于设置 rem 基准值

安装依赖

npm i postcss-pxtorem --save-de

基础配置

vue3.0在vue.config.js中配置

lintOnSave: true,
    css: {
      loaderOptions: {
          postcss: {
              plugins: [
                  require('postcss-pxtorem')({
                      rootValue : 37.5, // 换算的基数
                      selectorBlackList  : ['van',], // 忽略转换正则匹配项
                      propList   : ['*'],
                  }),
              ]
          }
      }
    },
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容