我如何知道何时使用 -webkit-、-moz、-ms-、-o- 等？

Question

我怎么知道什么时候使用前缀 -webkit- , -moz- , -ms- , -o- 属性？我在某些属性中看到很多“不一致”，在某些属性中程序员只放 -moz- ，而在其他属性中他放了全部 4。有什么原因吗？

原文由 user7479925 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

要知道使用什么前缀取决于 您 想要支持的浏览器。找出哪些浏览器版本需要前缀的好地方是 caniuse.com 。

这种变化是由于其他开发人员决定支持的浏览器。如果您看到更多前缀，则该网站的开发人员（网站所有者）已决定对旧版浏览器提供更高/更深入的支持。更少的前缀将支持更少的浏览器。至于为什么？可能有很多原因，其中一些是目标受众和功能要求（Web API）。

您可以使用手动路线，但许多开发人员会使用 Autoprefixer 之 类的工具或 SASS 或 LESS 之类的 CSS 预处理器。这些工具为您提供了定义要使用的前缀的不同方法。

使用 AutoPrefixer 之类的选项可以列出您想要支持的浏览器，并根据非前缀版本确定支持这些浏览器所需的前缀等。

使用像 SASS 或 LESS 这样的 CSS 预处理器，您可以创建一个 mixin （基本上是一个函数），它将添加您定义的前缀。

原文由 hungerstar 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

这是我找到的解决方案，如果您使用的是 Visual Studio 代码，请转到扩展并搜索 css-auto-prefix

原文由 EmbedConner Dev 发布，翻译遵循 CC BY-SA 4.0 许可协议