CSS无用的供应商前缀

时间:2015-12-07 15:43:12

标签: css flexbox vendor-prefix

我有一个2年或3年前制作的样式表,当时CSS充满了flexbox这些可怕的供应商前缀。我根据需要使用了flexboxes,并使用了-webkit-前缀用于Chrome& Safari浏览器。

我刚刚在caniuse上看到Flexbox现在在每个浏览器上都没有前缀。您是否知道仍然需要前缀的 CSS属性的最新列表?

那时,渐变或动画等内容需要供应商前缀。我想知道我是否可以安全地移除所有东西,或者是否仍然使用它们。

2 个答案:

答案 0 :(得分:4)

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

接下来,您可以随时查看Can I Use以获取更多信息和详细信息。

答案 1 :(得分:1)

+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/