CSS无用的供应商前缀[重复]答案

【问题标题】：CSS useless vendor prefixes [duplicate]CSS无用的供应商前缀[重复]
【发布时间】：2016-03-12 06:57:11
【问题描述】：

我有一个 2 或 3 年前制作的样式表，当时 CSS 中充满了 flexbox 的这些可怕的供应商前缀。我根据需要使用了 flexbox，带有 Chrome 和 Safari 的 -webkit- 前缀。

我刚刚在caniuse 上看到，flexbox 现在可以在每个浏览器上不带前缀地工作。您知道仍然需要前缀的 CSS 属性 的最新列表吗？

当时，渐变或动画等内容需要供应商前缀。我想知道我是否可以安全地删除所有内容，或者其中一些是否仍在使用。

【问题讨论】：

【解决方案1】：

我前段时间也在寻找同样的东西，结果遇到了this useful website: Should I prefix?。它列出了 CSS 属性以及是否仍然需要前缀。

除此之外，您可以随时查看Can I Use 了解更多信息和详细信息。

【讨论】：

【解决方案2】：

+1 到caniuse.com 作为查看浏览器前缀信息的最佳位置。但是您的 flexbox 用例是独一无二的。

多年来，Flexbox 的实现发生了很多变化，远远超过了我所知道的几乎所有其他 CSS 标准。检查您使用的版本的最佳方法是检查样式表中的 display 值。

display: box 是最古老的实现，你可能没用过这个。
display: flexbox 是新旧 flexbox 标准之间的过渡状态。如果您已经过了 2-3 年，您可能已经使用过它，并且必须更改您的代码以匹配新的实现。
display: flex 是具有良好跨浏览器支持的现代实现。如果您使用此前缀版本，您应该能够安全地删除前缀并获得相同的结果。

CSS Tricks 是现代 flexbox 方法的最佳简写之一：https://css-tricks.com/snippets/css/a-guide-to-flexbox/

【讨论】：