vue-cli项目怎么使用vw单位？

安装命令行输入：

yarn add postcss-px-to-viewport

或

npm i postcss-px-to-viewport -save -dev

配置package.json中，在postcss中添加代码：

"postcss": { "plugins": { "autoprefixer": {}, "postcss-px-to-viewport": { "viewportWidth": 750, "minPixelValue": 1 } } },

配置项： “viewportWidth”: 750, // 设计稿的宽度 “unitPrecision”: 3, // px转成vw、vh后小数点保留的位数 “minPixelValue”: 1, // 不转化为vw的最小px值

使用场景

兼容性

vw/vh 单位其实出现比较早了，只是以前支持性不太好，现在随着浏览器的发展，大部分（92%以上）的浏览器已经支持了vw/vh

2020年前端vue面试题大汇总（附答案）

vue教程推荐：2020最新的5个vue.js视频教程精选

更多编程相关知识，请访问：编程教学！！

以上就是vue-cli项目怎么使用vw单位？的详细内容，更多内容请关注技术你好其它相关文章！