-moz 和 -webkit css 不再需要？答案

【问题标题】：-moz and -webkit css no longer needed?-moz 和 -webkit css 不再需要？
【发布时间】：2015-04-16 16:42:04
【问题描述】：

我已经使用 -moz 和 -webkit css 样式有一段时间了，比如框阴影、文本阴影等。最近我注意到每个 FireFox、Chrome、Safari 和 IE (9) 使用标准的 box-shadow 和 text-shadow 以及类似的 css 样式都会产生相同的结果。

我想知道这是否记录在任何地方。因为我成功地从一个站点中删除了所有特定于浏览器的浏览器，并且它在所有这四种浏览器中看起来仍然相同。

【问题讨论】：

【解决方案1】：

最新的浏览器默认支持这些 css3 属性。但是，这些 -moz 和 -webkit 特殊功能仍应用于向后兼容旧版浏览器。较旧的浏览器实现了这些以允许在这些属性成为标准之前使用这些属性。

【讨论】：

【解决方案2】：

我想这取决于您所针对的浏览器的版本。

听起来当且仅当您的应用程序或网站旨在仅在所有浏览器的最新版本上运行时，您才可以在已测试的特定属性上省略 -moz 和 -webkit。

并非所有浏览器都支持其他属性，例如我个人最喜欢的webkit-transition。当然，在现实中，除非您正在制作个人项目，否则您不太可能只针对最新的浏览器。

【讨论】：

好吧。我想这可能会一直争论下去，直到我们都脸色发青——但 IE9 并不是人们唯一需要做的“升级”。一般来说，人们应该尽可能让他们的浏览器保持最新状态，所以我真的认为使用modernizr 之类的工具来检查这种事情，即使在 FireFox 和 Chrome 中也是一个坏主意，并提醒他们正在使用旧版本的用户。
但是是的，我明白你的意思。

【解决方案3】：

如果您不想写那么多，但仍希望向后兼容：less.css 可能是您的朋友。

另一件事：w3schools.com 有一个用于所有 CSS 命令的最新数据库以及支持它的浏览器。帮了大忙。

【讨论】：

【解决方案4】：

对于没有标准但有 -moz 和 -webkit css 样式的旧浏览器保留它们可能很有用。

【讨论】：

【解决方案5】：

对于最新版本的 Firefox、Chrome 和 Safari 来说是这样。

但是，对于使用早期版本浏览器（例如 Firefox 3.6）的用户，您仍然需要保留 -moz 和 -webkit 前缀。
如果您想定位它们，则不应删除它们。
不过，这些属性是渐进式增强的，因此删除它们不会有害。

【讨论】：

【解决方案6】：

最好的办法就是把它们都放在那里，

示例：

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

取决于用户的浏览器版本，他们仍然会看到border-radius，旧的浏览器仍然会使用-moz和-webkit版本，最新版本的safari/firefox或chrome会使用最终实现的border-半径属性。

【讨论】：

这不是问题。 75% 的代码可能是多余的。效率不高..
在任何浏览器版本上都是冗余的，从停止使用这些标志的版本开始。如果您删除它们，任何没有更新 chrome / safari 的人都会遇到问题。这只是给提问者的提示，他可以自己决定他网站的用户是否使用最新的浏览器。事实上，这是一个答案，当询问他们是否不再需要时，我给他的答案仍然是一些用户有旧版本并且可能需要这些标志。所以它们实际上对某些人仍然有用！我的 75% 的代码，太夸张了，并不是我所有的代码都是 webkit/moz 特定的 css。