PostCSS是一个允许使用JS插件转换样式的工具。这些插件可以检查（lint）你的CSS，支持CSSVariables和Mixins，编译尚未被浏览器广泛支持的先进的CSS语法，内联图片，以及其它很多优秀的功能。PostCSS中文文档：PostCSS中文文档英文文档：PostCSS英文文档Star：16.9k微信交流群：前端攻城狮（点击加入）PostCSS在工业界被广泛地应用，其中不乏很多有名的行业领导者，如：维基百科，Twitter，阿里巴巴，JetBrains。PostCSS的[Autoprefixer]插件是最流行的CSS处理工具之一。PostCSS接收一个CSS文件并提供了一个API

场景:vue搭建移动端页面，main.js引入全局css报错。原因：用了postcss-px2rem与postcss-px2rem-exclude导致的问题，解决方案：卸载后postcss-px2rem，安装使用postcss-pxtorem。在postcss.config.js设置如下代码，可以自行更改设置，解决问题。安装amfe-flexible和postcss-pxtoremnpminstallpostcss-pxtorem-Snpminstallamfe-flexible-Spostcss-pxtorem将px转为rem；amfe-flexible可进行屏幕自适应；配置及使用1、在ma

场景:vue搭建移动端页面，main.js引入全局css报错。原因：用了postcss-px2rem与postcss-px2rem-exclude导致的问题，解决方案：卸载后postcss-px2rem，安装使用postcss-pxtorem。在postcss.config.js设置如下代码，可以自行更改设置，解决问题。安装amfe-flexible和postcss-pxtoremnpminstallpostcss-pxtorem-Snpminstallamfe-flexible-Spostcss-pxtorem将px转为rem；amfe-flexible可进行屏幕自适应；配置及使用1、在ma

在大屏开发中，最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。一.最外层元素增加scale这里的最外层元素指的是能包含所有页面的元素。我们可以给最外层元素设置固定的宽高，比如1920*1080。一旦大屏的尺寸跟设定的不符合，则通过缩放相应的倍数来适配大屏。具体代码如下：//获取缩放倍率getScale=()=>{const[width,height]=[1920,1080];letwidthScale=window.innerWidth/width;letheightScale=window.innerHeight/height;return[widthScale,heightScal

在大屏开发中，最常遇到的就是多屏幕适配了。这里提供两套简单实用的方案。一.最外层元素增加scale这里的最外层元素指的是能包含所有页面的元素。我们可以给最外层元素设置固定的宽高，比如1920*1080。一旦大屏的尺寸跟设定的不符合，则通过缩放相应的倍数来适配大屏。具体代码如下：//获取缩放倍率getScale=()=>{const[width,height]=[1920,1080];letwidthScale=window.innerWidth/width;letheightScale=window.innerHeight/height;return[widthScale,heightScal