作为前端开发者,最最头痛的就是处理各种浏览器的兼容性,尤其是CSS3盛行的今天。大家都知道不同的浏览器通常使用的引擎(Rendering Engine,也称“内核”)是不一样的。 常用的内核为四种: 1、webkit 代表浏览器有:chrome、 Safari css3兼容写法:...
分类:
其他好文 时间:
2015-12-26 19:34:05
阅读次数:
181
1.创建:gulpfile.js//引入插件var gulp = require('gulp');var autoprefixer = require('gulp-autoprefixer'); //默认执行任务gulp.task('default', function () { //找到s...
分类:
其他好文 时间:
2015-11-24 14:22:36
阅读次数:
145
Autoprefixer根据 Can I use 的 数据,按需给无前缀代码自动加厂商前缀。输入:a { display: flex;}输出:a { display: -webkit-box; display: -webkit-flex; display: -ms-flexb...
分类:
Web程序 时间:
2015-11-06 17:39:42
阅读次数:
259
今天闲来无聊,重新来说说CSS3前缀的问题。在春节前和@一丝姐姐说起Sass中有关于gradient的mixins。姐姐说:为什么还要用mixin呢?为什么不使用Autoprefixer?使用Autoprefixer,只需要输入一行代码,编译器帮你做了一切,还纠结个毛mixin。姐姐的一句话让我汗颜...
分类:
Web程序 时间:
2015-10-10 15:29:09
阅读次数:
312
1、确保Node.js已经安装,未安装请 点击 这里>>2、下载autoprefixer插件https://github.com/sindresorhus/sublime-autoprefixer3、打开sublime ,选择菜单Preferences >Browse Packages 将压缩包解压...
分类:
其他好文 时间:
2015-08-18 11:37:11
阅读次数:
214
、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Less...
分类:
其他好文 时间:
2015-07-28 14:32:45
阅读次数:
218
Autoprefixer,通过Can I Use数据库来确定哪些浏览器前缀是需要的,然后解析CSS文件,将前缀添加到CSS规则里。
你所要做的就是添加你的资源构建工具(比如:Grunt),然后你就可以忘记CSS前缀了,按照最新的W3C标准尽情书写无前缀的CSS。
分类:
Web程序 时间:
2015-03-11 18:57:53
阅读次数:
2984
详细,请戳这里1.安装插件npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer如果安装错误,请用sudo 权限;2.在gulp.js中,引用所需的插件如下;var sass = require('gulp-sass');...
分类:
其他好文 时间:
2015-01-30 14:34:04
阅读次数:
159
原文来自于:http://www.cnblogs.com/aNd1coder/archive/2013/08/12/3252690.htmlAutoprefixer解析CSS文件并且添加浏览器前缀到CSS规则里,使用Can I Use的数据来决定哪些前缀是需要的。所有你需要做的就是把它添加到你的资源...
分类:
其他好文 时间:
2015-01-22 13:04:07
阅读次数:
261
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Les...
分类:
其他好文 时间:
2015-01-07 16:46:11
阅读次数:
322