什么是 CSS 供应商前缀？答案

【问题标题】：What are CSS vendor prefixes?什么是 CSS 供应商前缀？
【发布时间】：2018-12-07 10:35:47
【问题描述】：

我开始使用 Bootstrap。因此我开始阅读getting started section。 near here 某处是关于“autoprefixer”的注释。我不知道那是什么意思。一键后我是here。我试图理解什么是“autoprefixer”。问题在于第一句是“PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use.”。最后，我看到 PostCSS 是一个具有神奇效果的 CSS 处理器，它可以使用大量的插件。其中之一是“自动前缀”。它将“供应商前缀”添加到 CSS 规则中。但是，供应商前缀是什么？

【问题讨论】：

css 中的前缀用于浏览器支持的某些价值。这意味着该值需要 bowser 前缀才能在该浏览器中工作。像ˋdisplay: -ms-grid;´
您好，欢迎来到 Stack Overflow！要改善您的体验，请阅读how to ask 一个on-topic 问题。您还应该看看question checklist 和how to create a Minimal, Complete, and Verifiable example。要详细了解 Stack Overflow 的工作原理，请take the tour。
嗯，我很累很无聊，但答案是here

标签： css

【解决方案1】：

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

【讨论】：