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

Question

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 transform 属性那样跌跌撞撞/测试和找出每一个小问题，而是想自动化这个过程。有没有网站/工具可以帮助我分析 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);
}

Answer 1

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

本站制作了您(我们)需要的自动化工具!不过，他们似乎只测试了一些现代浏览器 (IE9+)。

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