分析和解决 CSS 现代浏览器怪癖和特性的工具/实用程序？答案

【问题标题】：tool/utility too analyze and solve css modern browser quirks and pecularities?分析和解决 CSS 现代浏览器怪癖和特性的工具/实用程序？
【发布时间】：2013-12-20 19:27:57
【问题描述】：

as old browsers like IE7 are slipping into a state of irrelevance我想专注于支持现代浏览器（IE9+、chrome、safari、opera 和 FF）。

我有这个例子：

    div {
    height:130px;
    width: 130px;
    background-color: #F8A844;
    transition-duration: 0.8s;
}

div:hover{
     transform: rotate(-8deg);
}

css 3 property transform shown in this fiddle

css 转换在 FF 25 和 IE 11 中似乎可以正常工作。但它在 chrome 31 中不起作用。

我偶然发现了这个。现在，我不想像这个 css 转换属性那样绊倒/测试和找出每一个小问题，我想自动化这个过程。是否有网站/工具可以帮助我分析 CSS 并向我提出解决方案？而不是在谷歌上搜索每一次出现的异常情况

顺便说一句，上面那个漂亮的 css 3 小例子会变成这样 crossbrowser compatible css3 transform fiddle:

div {
    height:130px;
    width: 130px;
    background-color: #F8A844;
   -webkit-transition-duration: 0.4s;
   -ms-transition-duration: 0.4s;
   transition-duration: 0.4s;
}

div:hover{
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}

【问题讨论】：

@Sirko 这就像一个词汇表，不是吗？我更多的是寻找可以在我的 CSS 文件上运行的东西，然后检查对 IE9+ 等的支持
对。对于一些自动化测试，您需要根据这些数据构建一个工具。

标签： css css-transitions compatibility

【解决方案1】：

http://cross-browser-validator.com/

本网站制作了您（我们）需要的自动化工具！似乎他们只测试了一些现代浏览器（IE9+）。

此外，他们有 30 天的试用期，然后您需要支付 19 美元起的费用。

【讨论】：