2

我最近发现了Ultimate CSS Gradient Generator站点，可以轻松地在所有浏览器平台上生成 CSS 渐变。它非常适合我正在寻找的东西。然而，我也遇到过需要多个声明才能跨浏览器兼容的 CSS 的其他方面（例如，像 -webkit-* 这样的任何东西）。使用多种浏览器类型进行开发是一件很痛苦的事情。我更喜欢使用 Firebug 在 Firefox 中进行开发以进行初始测试，然后显然作为 QA 进行跨浏览器测试。

我的问题是，有没有人知道可以让我插入现有 CSS（可能是 Firefox 或 Safari 或其他任何特定内容）并使用其他浏览器的适当浏览器特定声明对其进行“规范化”的网站？比如说，我的 CSS 中有这样的东西：

-moz-border-radius: 2px;

我希望能够插入一个到处都有这些声明的 CSS 文件，并让网站还添加诸如...

-webkit-border-radius: 2px;

（以及其他浏览器上的任何等价物）

任何人都知道可以完成此任务的工具或网站吗？它显然不会消除在发货前进行广泛的跨浏览器测试的需要，但我想它会显着减少开发时间。

4

3 回答 3

2

你可以试试 Lea Verou 的这个超级有用的 javascript 插件：Prefix Free

-prefix-free 让你在任何地方都只使用无前缀的 CSS 属性。它在幕后工作，仅在需要时将当前浏览器的前缀添加到任何 CSS 代码中。

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

于 2012-10-12T15:10:20.170 回答
2

Prefixr是您正在寻找的

于 2012-10-12T16:44:44.797 回答
1

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

于 2012-10-12T15:13:57.970 回答