css插件工具

265 阅读1分钟

1.PostCSS

Autoprefixer

(1) Autoprefixer 自动获取浏览器的流行度和能够支持的属性,并根据这些数据帮你自动为 CSS 规则添加前缀,是一个根据can i use解析css并且为其添加浏览器厂商前缀的PostCSS插件 (2)autoprefixer 不应该在源代码中写私有有属性前缀了。正确的姿势是在项目构建阶段,用autoprefixer这个工具来为编译后的css自动补全所需的前缀。无论你是用webpack、gulp、grunt还是fis,它都能完美配合。 (3)PC端的话,估计统一不了了,各浏览器厂商都有各自的私有属性,所以,PC端开发的话,你应该学会使用这个模块:autoprefixer移动端的话,目前大部分设备的浏览器都是基于webkit实现的,虽然其它厂商的也有,但不是主流,那就让它随风逝去吧!所以,移动端可以几乎不用加这些私有前缀,个别由于版本迭代,需要加-webkit-前缀兼容低版本的浏览器就行了。

2.can i use

caniuse网站可以查询css、js等的一些兼容性,比如不同浏览器对flex弹性布局属性的支持,网站地址:www.caniuse.com/