我们是否必须继续使用非标准/浏览器特定的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;

后者似乎在大多数现代浏览器中运行良好(除了显而易见的！:p看着你的IE！虽然我假设它可能在IE9中工作，但我不能测试，因为我现在在Mac上)。

我看到什么了吗？我们是否需要使用上述浏览器特定的代码？还是所有浏览器都在向支持这些标准的方向发展？

Answer 1

这确实取决于您想要完全支持哪些功能和浏览器。即使是现在，一些浏览器仍然落后。

下面是一个非常好的指南：http://caniuse.com/

Answer 2

所有浏览器通常都向标准支持方向发展。

有两个问题--

1. 许多可供我们使用的CSS3规则仍在审查中--即尚未成为任何标准的一部分。
2. 有些人坚持使用旧版本的浏览器，而后者可能不支持无前缀规则。

。

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

Answer 3

您现在需要的唯一前缀是用于chrome和safari支持的-webkit。Webkit是用于-webkit-动画，-webkit-字体-功能-设置，显示：-webkit-flex，-webkit-过滤器等。

-ms、-o和-moz为连他们自己的公司都不再支持的浏览器提供了支持。