px2rem
px2rem copied to clipboard
According to one stylesheet, generate rem version and @1x, @2x and @3x stylesheet.
使用dart-sass时,当outputStyle配置项为压缩模式,会将`0.5px`等小于1的数字忽略首位0,最终输入`.5px`, 这种数字单位在`px2rem`时会错误地忽略小数点`.`,被当做成`5px`,比如当remUnit为100时,计算输出的rem值变成了`.0.05rem`,导致最后的结果变成了`0.05rem`,结果扩大了10倍,因此需要修复一下
fix value start with point match error for example .5px was used 5 to transfer to rem
例如通过一个vue组件属性传递过来css值 这时候在style中 不是单独css文件 能转换吗
使用版本号"px2rem-loader": "^0.1.9", Vue 在 ``` font-size: 28px; /*px*/ border: 1px solid #ddd; /*no*/ ``` 不生效,依旧转为rem 在默认的css中会生效
(感谢大佬开源, 很好用) 接下来是问题: 代码 font-size: 15px; chrome styles 下显示: font-size: 0.5rem; 期望 chrome styles 下显示: font-size: 0.5rem /* 15px */;
px转换成rem后,小数位太多,如何控制在两位小数中?
未优化压缩前,是可以的。 上线时候执行webpack.optimize 发现编译后的css文件,border:1px solid red 这样的都是编译成了rem,写的时候是用/_px_/的,请问要怎么整
设置module.exports = { plugins: { autoprefixer: {}, 'postcss-px2rem': { remUnit: 75 } } }之后整个vue都生效 我只想让其中一个vue页面生效该怎么设置
您好,在npm中您的示例代码为 `module.exports = { // ... module: { rules: [{ test: /\.css$/, use: [{ loader: 'style-loader' }, { loader: 'css-loader' }, { loader: 'px2rem-loader', // options here options: { remUni:...