我们是否必须使用非标/浏览器特定的CSS供应商前缀了？

Question

鉴于我并不真正烦恼向后兼容性（我正在探索基于CSS3和基于HTML5的设计，而不是依靠图形，而不是依靠图形）使用CSS的好处是：

-moz-box-shadow:    3px 3px 5px 6px #ccc;
-webkit-box-shadow: 3px 3px 5px 6px #ccc;

.

在刚刚使用：

box-shadow: 3px 3px 5px 6px #ccc;

.

后者似乎在大多数现代浏览器中工作正常（显而易见！此刻）。

我看到了东西吗？我们是否需要使用上面的浏览器特定代码？或者所有浏览器都能转向支持标准吗？

Answer 1

真的取决于您想要完全支持哪些功能以及哪些浏览器。即使是现在有些浏览器也滞后。

这是一个非常优秀的指南： http://caniuse.com/

Answer 2

所有浏览器通常都迈向标准支持。

有两个问题

我们使用的很多用于我们使用的CSS3规则仍在审查中 - 即I.E.尚未成为任何标准的一部分。
1. 有些人持续使用旧版本的浏览器，这可能无法支持非前缀规则。

   出于这两个原因，我们继续在样式表中使用供应商 - 前缀的CSS规则。

Answer 3

现在您需要的唯一前缀是Chrome和Safari支持的-Webkit。 -Webkit-Animation，-Webkit-Font-Feature-Settings，Display：-Webkit-Flex，-Webkit-Filter等，需要WebKit。

-ms，-o和-moz为浏览器提供支持，即使他们自己的公司已停止支持。