如果你的样式需要做根据视口大小来调整宽度,这个脚本可以将你CSS中的px单位转化为vw,1vw等于1/100视口宽度。 之前做移动端适配时,基本上是采用rem方案,现在发现了一个新的方案,就是用viewport单位,现在viewport单位越来越受到众多浏览器的支持 ...
安装: npm installpostcss px to viewport save dev 在根目录下创建postcss.config.js文件并进行配置 参数说明: unitToConvert String 要转换的单位,默认为 px。 viewportWidth 数字 视口的宽度。 unitPrecision Number 允许 vw 单位增长到的十进制数。 propList 数组 可以从 ...
2021-10-20 12:32 0 2494 推荐指数:
如果你的样式需要做根据视口大小来调整宽度,这个脚本可以将你CSS中的px单位转化为vw,1vw等于1/100视口宽度。 之前做移动端适配时,基本上是采用rem方案,现在发现了一个新的方案,就是用viewport单位,现在viewport单位越来越受到众多浏览器的支持 ...
postcss-px-to-viewport 安装 运行 npm eject 将react配置暴露出来 在 webpack.config.js 中配置 ...
首先还是进行安装: npm install postcss-px-to-viewport --save-dev 安装完成之后.我们需要去更改一个js文件==========> postcss.config.js文件 如果没有该文件,就自己手动创建一个吧,跟创建vue.config.js ...
vuecli3使用postcss-px2rem适配字体,mint-ui中的字体也会收到影响 postcss-px2rem没有排除功能,可以使用postcss-px2rem-exclude,在postcss-px2rem的基础上增加了the exclude folder option ...
官方文档: evrone/postcss-px-to-viewport 安装 vue.config.js ...
以前做移动端适配时,基本上都是采用rem方案,现在发现了一个新的方案,就是使用viewport单位,现在viewport单位越来越受到众多浏览器的支持。 开发移动端项目时,可以使用postcss-px-to-viewport,将px单位自动转换成viewport单位,用起来超级简单 ...
此插件适用于vue项目移动端适配问题 注:此方法本人只在vue-cli2.x中验证过,vue-cli3.x的暂不知,如有不符,请参考其他答案。 第一步:安装插件 第二步:找到 .postc ...
安装 postcss-px-to-viewport npm install postcss-px-to-viewport -save 配置 package.json文件 "postcss": { "plugins ...