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

Question

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

Answer 1

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

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

您可以采用手动方式，但许多开发人员会使用像 Autoprefixer 这样的工具或像 SASS 这样的 CSS 预处理器或 LESS .这些工具为您提供了不同的方式来定义要使用的前缀。

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

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