为什么开发人员编写没有前缀的CSS动画规则？

Question

我想问一下，因为每个浏览器都有动画前缀，那么开发人员为什么要写一个没有任何前缀的属性。看看这个取自w3schools.com的例子：

div {
    -ms-transform: scale(0.5,0.5); /* IE 9 */
    -webkit-transform: scale(0.5,0.5); /* Safari */
    transform: scale(0.5,0.5);
}

为什么第二行存在？

Answer 1

因此，并非每个现代浏览器都需要前缀。事实上，CSS社区希望脱离它们作为普遍共识，因为它们基本上让人联想到浏览器之战。在某些用例中，它们可能会有所帮助。您的示例允许支持IE9，而IE10 +不需要此前缀。

有些开发人员不希望支持旧版浏览器，有些则支持。就这么简单。一切都取决于您的需求。

Answer 2

也许我不喜欢主题，但我认为现在很多项目都使用CSS预处理器和/或某种构建工具（如webpack，gulp或CodeKit ）将开发CSS编译为生产就绪代码。

所有这些任务管理器都允许您编写代码而不考虑供应商前缀，并将大多数浏览器支持头痛委托给autoprefixer等插件。