什么是CSS供应商前缀？

Question

我开始使用Bootstrap。因此，我开始阅读getting started section。 near here某处是有关“自动前缀”的注释。我不知道那是什么意思。一键之后，我就是here。我试图了解什么是“ autoprefixer”。问题在于，第一句话就是“ PostCSS插件，用于解析CSS并使用Can I Use中的值向CSS规则添加供应商前缀。”。最后，我看到PostCSS是CSS处理器，具有一些神奇的效果，并且可以使用大量的插件。其中之一是“ autoprefixer”。它将“供应商前缀”添加到CSS规则。但是，供应商前缀是什么？

Answer 1

在CSS规范中引入了新功能时，或者仅一个浏览器供应商将其作为测试气球时，该功能通常隐藏在供应商前缀之后。例如。 border-radius在Chrome / Webkit浏览器中以-webkit-border-radius开头，在Firefox中以-moz-border-radius开头。如果要使用尚未全面标准化但必须像这样的前缀的新功能，则需要在CSS文件中添加所有各种-webkit-*和-moz-*格式以支持它在所有浏览器中。自动前缀允许您仅使用标准名称border-radius，从而使此操作变得更容易，并且它将自动添加所有特定于供应商的前缀版本作为替代。