本文介绍了如何使用postcss-px-to-viewport插件将Vue2项目中的px单位转换为vw，以便实现响应式设计，包括配置步骤、视口宽度的设定以及如何处理不同设计稿和排除特定CSS属性的单位转换。
用vue2框架搭建的H5项目，如何使页面自适应不同的屏幕呢?目前主流的是使用插件postcss-px-to-viewport来自动将px单位转换成vw。
一、首先，我们创建项目的时候，就要下载插件
yarn add postcss-px-to-viewport@1.1.1 -D
或者
npm i postcss-px-to-viewport@1.1.1 -D
二、然后直接在项目文件夹创建postcss.config.js文件
module.exports = {
plugins: {
autoprefixer: {
}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等
"postcss-px-to-viewport": 
最低0.47元/天 解锁文章
扫一扫
933
到【灌水乐园】发言
