一、方法一 安装1：npm i postcss-px2rem --save -dev 安装2：npm i lib-flexible --save 配置1：入口文件main.js中引入：import 'lib-flexible' 配置2： 在vue.config.js添加以下代码（没有则自己在项目根目 ...
分类：
移动开发 时间：
2021-05-24 14:09:12
阅读次数：
0
1、安装 npm install postcss-plugin-px2rem --save-dev 2、引入配置 // vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { css: { l ...
分类：
其他好文 时间：
2021-04-30 12:39:06
阅读次数：
0
这只要在src同级添加postcss.config.js文件 同时文件 里面写上这些，重新跑就没问题了 module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} }} ...
分类：
Web程序 时间：
2021-04-24 11:47:48
阅读次数：
0
问题描述 报错内容如下： yarn run v1.22.10 $ vue-cli-service electron:serve INFO Starting development server... 98% after emitting CopyPlugin ERROR Failed to comp ...
分类：
Web程序 时间：
2021-01-25 11:30:27
阅读次数：
0
##1、安装插件 安装： npm install lib-flexible postcss-px2rem ##2、删除public中index.html里面的meta标签 删除<meta name='viewport'>标签，flexible会自动为页面添加此标签，动态控制initial-scale ...
分类：
移动开发 时间：
2021-01-18 11:29:59
阅读次数：
0
vw(Viewport’s width):指视窗宽度 vh(Viewport’s height):指视窗高度 当前视窗(指浏览器的可视区域)的宽度/高度永远为100vw/vh 1vw:为当前视窗宽度的百分之一。 安装 npm install postcss-px-to-viewport --save ...
分类：
其他好文 时间：
2021-01-14 10:51:32
阅读次数：
0
项目中使用 postcss-px-to-viewport 来实现写px自动转化为vw,vh 实现移动端的适配 vh vw 是视口单位，代表当前设备宽度的所占的比例，有点类似于百分比 使用步骤如下 ① 项目根目录下新建文件 postcss.config.js (注意一定要项目更目录) ② 复制如下默认 ...
分类：
移动开发 时间：
2020-08-05 00:02:24
阅读次数：
103
什么是属性前缀? 为了浏览器的兼容性，有时候我们必须加入-webkit,-ms,-o,-moz这些前缀。目的就是让我们写的页面在每个浏览器中都可以顺利运行。例如： transition: width 2s; -moz-transition: width 2s; /* Firefox 4 */ -we ...
分类：
Web程序 时间：
2020-07-23 01:51:35
阅读次数：
113
在 这里 display:flex 需要兼容性处理，webpack 编译打包时，需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件，它帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼 ...
分类：
Web程序 时间：
2020-06-05 10:21:41
阅读次数：
83
随着技术的发展，目前css已经发展到了第三阶段css3.css3能够支持更多的动效，以前需要用js来实现的动画、过渡，计算等功能，如今大多都能够用css来实现，而且性能更佳。当然，随着业务的需要，在编写css过程当中，为了能够让css具备js的可复用性，灵活性、模块化开发以及更好的管理样式文件，像s ...
分类：
Web程序 时间：
2020-06-01 13:40:32
阅读次数：
85
