前言：最近想做一个新的H5项目，找到了之前的适配方案postCss。第一步初始化项目npminstall-g@vue/clivuecreateM-h5第二步选择默认我根据自己的需要选择第三步启动项目cdm-h6yarnserve第四步步骤是安装相关依赖项第五步配置postCss文件项目根目录文件夹postcss.config.js与package.json同级module.exports={"plugins":{//"postcss-import":{},//"postcss-url":{},//编辑目标浏览器：使用package.json中的"browserslist"字段"postcss-write-svg":{uft8:false},"postcss-cssnext":{},"postcss-px-to-viewport":{viewportWidth:750,//设计稿宽度viewportHeight:1334,//设计稿高度，可以不指定unitPrecision:3,//当px到vw不能整除时，保留几个decimalplacesviewportUnit:'vw',//转换为vw单位selectorBlackList:['.ignore','.hairlines'],//类名未转换minPixelValue:1,//mediaQuery小于1px不转换:false,//允许转换媒体查询exclude:/(/|)(node_modules)(/|)///不转换我们的第三方包introduced},"postcss-viewport-units":{},"cssnano":{preset:"advanced",autoprefixer:false,//与cssnext相同的autoprefixer，保留一个"postcss-zindex":false}}}第六步删除package.json的browserslist中的“未死”信息：Vue移动端使用vw适配踩坑Vue项目实现移动端适配笔记
