vue中移动端使用postcss-px2rem与ui组件冲突问题

在vue移动开发中，使用px2rem-loader，会自动将px单位换算成rem，但是存在一个问题，会将使用的第三方ui库中的px同时转成rem，影响样式。引入import 'lib-flexible'决绝方式：1.将UI组件中的px全部改为PX，或者在px后加 /*no*/.2.在框架中使用postcss-px2rem-exclude插件，添加exclude属性。在vu...

G郭G

11151人浏览 · 2019-05-20 10:39:01

G郭G · 2019-05-20 10:39:01 发布

在vue移动开发中，使用px2rem-loader，会自动将px单位换算成rem，但是存在一个问题，会将使用的第三方ui库中的px同时转成rem，影响样式。

引入 import 'lib-flexible'

决绝方式：

1. 将UI组件中的px全部改为PX，或者在px后加 /*no*/.

2. 在框架中使用postcss-px2rem-exclude插件，添加exclude属性。

在vue-cli2.x中配置：

在vue-cli3.0中配置：

删除package.json中的

"postcss": {

"plugins": {

"autoprefixer": {}

}

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^