一、伪类 + transform 基于 media查询判断不同的设备像素比对线条进行缩放： 这种方式可以满足各种场景，如果需要满足圆角，只需要给伪类也加上 border-radius即可。 二、SVG 借助 PostCSS的 postcss-write-svg我们能直接使用 border-image ...
分类：
移动开发 时间：
2019-10-28 12:33:53
阅读次数：
100
1.装依赖 "cssnano": "^4.1.10", "cssnano-preset-advanced": "^4.0.7", "postcss-aspect-ratio-mini": "^1.0.1", "postcss-cssnext": "^3.1.0", "postcss-import": ...
分类：
其他好文 时间：
2019-10-09 17:37:59
阅读次数：
171
1、scoped 的实现原理 Vue、Less 中的 scoped 属性的效果主要是通过 PostCss 实现的。代码示例： PostCSS 给一个组件中的所有 dom 添加了一个独一无二的动态属性（比如上面的data-v-5558831a），给 css 选择器额外添加一个对应的属性选择器来选择组件 ...
分类：
其他好文 时间：
2019-09-30 14:44:41
阅读次数：
164
package.json文件： webpack.config.js文件： postcss.config.js文件： ...
分类：
Web程序 时间：
2019-09-27 19:25:44
阅读次数：
91
1.命令 npm install postcss-px2rem --save-dev npm install px2rem-loader--save-dev 2.build/utils.js文件 第一步:找到exports.cssLoaders = function (options) {}方法插入 ...
分类：
其他好文 时间：
2019-09-04 13:48:33
阅读次数：
84
1、postcss-loader、autoprefixer、css-loader 、sass-loader：加载css模块及css预处理模块，添加浏览器前缀到CSS内容里 主流浏览器最近2个版本用“last 2 versions”； 全球统计有超过1%的使用率使用“>1%”; 仅新版本用“ff>20 ...
分类：
其他好文 时间：
2019-08-27 18:53:25
阅读次数：
113
1. init 2. postcss.config.js 3. src/css/tailwind.css 4. package.json 5. public/index.html <body> <h1 class="text-xl font-bold text-blue-500 text-cente ...
分类：
其他好文 时间：
2019-08-25 15:38:48
阅读次数：
74
vue cli3.0 使用px2rem 或 postcss plugin px2rem px2rem 1. 构建项目(vue cli3.0) 2. 安装px2rem loader(devDependencies) 3. 移动端适配解决npm包 "lib flexible" (dependencies ...
分类：
Web程序 时间：
2019-08-24 20:55:22
阅读次数：
141
1:better-scroll 插件实现左右轮播滚动 2:vue-lazyload 插件实现图片懒加载 3:实现移动端自适应: 3.1: postcss 插件引到项目里 功能：把你自己写的代码px转化为rem（对于引入的外部插件，不做单位转化) 3.2：main.js 中引入一段js代码，设置htm ...
分类：
其他好文 时间：
2019-08-23 10:49:04
阅读次数：
96
