Question

是否有插件或此类性质的东西可以让我像这样编写CSS：

transition:all 300ms; 
box-shadow:0 3px 2px #222; 
backface-visibility:hidden;

等。

对于需要-webkit-，-moz-，-ms-，-o-等的浏览器版本，会在加载样式表时自动添加。

Answer 1

是的， -prefix-free 允许您在任何地方仅使用未加前缀的CSS属性。它在幕后工作，只在需要时将当前浏览器的前缀添加到任何CSS代码中。 Project's website

功能

处理每个样式表或元素，并在需要时添加供应商前缀

使用样式属性处理元素，并在需要时添加供应商前缀

负责新的或元素，样式属性更改和CSSOM更改（需要插件）

让jQuery的.css（）方法获取并设置不带前缀的属性（需要插件）

<强>限制

不支持@ import-ed文件中的前缀代码

不支持前缀跨源链接样式表，除非它们是启用CORS的

未加固定的链接样式表在Chrome和Opera中无法在本地运行。你可以为自己改变它。

内联样式中的未加固定的值（在style属性中）在IE和Firefox中不起作用。 3.6。 Firefox中的属性＆lt; 3.6。

如何使用

只需在页面的任何位置添加prefixfree.js即可。建议将其放在样式表之后，以尽量减少FOUC

就是这样，你已经完成了！

浏览器支持

目标浏览器支持 IE9 + ， Opera 10 + ， Firefox 3.5 + ， Safari 4 + 以及桌面版Chrome 和移动版Safari ， Android浏览器，移动设备上的Chrome和Opera移动版。

<强> Prefixmycss

此外，还有一个在线服务，允许您粘贴未加前缀的CSS代码并返回包含所有供应商前缀的css。 http://prefixmycss.com/

<强> CSS3Please

css3please.com：由Jonathan Neal和Paul Irish制作的跨浏览器css3规则生成器。除了在必要属性上同步和规范化更改之外，它还通过IE过滤器隐藏IE支持一些功能。

SASS和COMPASS

另一种方法是使用带有SASS mixins的CSS预处理器COMPASS。

Sass 是CSS3的扩展，它添加了嵌套规则，变量，mixins，选择器继承等。 Sass生成格式良好的CSS，使您的样式表更易于组织和维护。

指南针允许扩展Sass，它充满了可重复使用的模式，它允许基于最佳实践以简单和标准的方式使用精灵，CSS3和风格。

最后，我建议你阅读保罗·爱尔兰的一篇文章，他是谷歌最好的前端开发者之一：http://paulirish.com/2012/vendor-prefixes-are-not-developer-friendly/

没有webkit和moz前缀的CSS3

1 个答案: