'正常化'CSS的网站？

我最近发现了Ultimate CSS Gradient Generator网站在所有浏览器平台上轻松地生成CSS梯度。这对我所寻找的是完美的。不过，我也遇到了需要多个声明才能跨浏览器兼容的CSS的其他方面（即类似-webkit- *）。开发使用多种浏览器类型是一种痛苦。我更喜欢在Firefox中使用Firebug进行初始测试，然后显然通过QA进行跨浏览器测试。'正常化'CSS的网站？

我的问题是，是否有人知道哪些网站可以让我插入现有的CSS（可能是Firefox或Safari或任何特定的CSS），并使用适合其他浏览器的特定浏览器声明“标准化” ？说，例如，我在我的CSS是这样的：

-moz-border-radius: 2px;

我希望能够插件，具有这些声明得到处都是一个CSS文件，并有该网站还增加之类的东西...

-webkit-border-radius: 2px;

（和任何等同是在其他浏览器）

任何人都知道的工具或网站，将做到这一点的？这显然不会消除在发货之前进行大量的跨浏览器测试的需求，但我想可以大幅缩短开发时间。

来源

2012-10-12 Shadowman

Prefixr是你要找的

来源

2012-10-12 16:44:44 dgarbacz

您可以通过利·贝罗试试这个超级实用的javascript插件：Prefix Free

- 前缀，免费让你使用只前缀的CSS属性无处不在。它在幕后工作，只在需要时才将当前浏览器的前缀添加到任何 CSS代码中。

它可能需要更新，因为有时径向渐变不会显示没有供应商前缀。但对于最常见的属性，如border-radius，box-sizing，box-shadow等是很大的。

来源

2012-10-12 15:10:20 Giona

什么PrefixFree是切片面包以来最伟大的事情。只需在您的样式表使用非前缀属性，添加的插件，它会动态地添加取决于浏览器的前缀（如果它需要一个前缀的话）。我现在默认只在我的所有项目中包含这个插件。 – daGUY

我也是@daGUY，但我们仍然需要测试，因为它没有一些最新的功能，如'背景origin'和径向渐变 – Giona

噢，当然，你还需要进行测试，但它仍然帮助很大手动对比自己将所有的前缀，并确保该值它们之间的所有比赛... – daGUY

您是否在寻找http://prefixmycss.com/

来源

2012-10-12 15:13:57 defau1t

'正常化'CSS的网站？

回答

相关问题