CSS无用的供应商前缀

CSS无用的供应商前缀,css,flexbox,vendor-prefix,Css,Flexbox,Vendor Prefix,我有一个两三年前制作的样式表,当时CSS中充满了flexbox的可怕的供应商前缀。我根据需要使用flexbox,Chrome&Safari的前缀是-webkit 我刚刚看到FlexBox现在在每个浏览器上都可以无前缀工作。您是否知道仍需要前缀的CSS属性的最新列表 当时,渐变或动画之类的东西需要供应商前缀。我想知道我是否能安全地移除所有东西,或者其中一些是否仍在使用。我刚才正在寻找相同的东西,但遇到了一些问题。它列出了CSS属性以及前缀是否仍然是必需的 接下来,您可以随时查看更多信息和详细信息。

我有一个两三年前制作的样式表,当时CSS中充满了
flexbox
的可怕的供应商前缀。我根据需要使用flexbox,Chrome&Safari的前缀是-webkit

我刚刚看到FlexBox现在在每个浏览器上都可以无前缀工作。您是否知道仍需要前缀的CSS属性的最新列表


当时,渐变或动画之类的东西需要供应商前缀。我想知道我是否能安全地移除所有东西,或者其中一些是否仍在使用。

我刚才正在寻找相同的东西,但遇到了一些问题。它列出了CSS属性以及前缀是否仍然是必需的

接下来,您可以随时查看更多信息和详细信息。

+1 to是查看浏览器前缀信息的最佳位置。但您的flexbox用例是独一无二的

Flexbox的实现已经改变了很多年,远远超过了我所知道的任何其他CSS标准。检查您使用的版本的最佳方法是检查样式表中的
显示值

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

CSS技巧是现代flexbox方法的最佳速记之一:

@dingo\u不是真的,我不想要前缀列表,但是仍然需要前缀的CSS属性列表您可以删除它们以保持样式表干净且易于维护,并添加类似javascript的autoprefixer,或者在需要时在何处生成前缀。您可以在各种浏览器中测试CSS,而无需使用恼人的供应商前缀。谢谢,这正是我们想要的:一个快速概览。这是一个概览,但并没有真正更新。查看flexbox部分。然后它只提供了一个到caniuse.com的链接。我会时不时地更新,请参阅Github提交日志。例如。