哪些 CSS3 功能仍需要供应商前缀?

What CSS3 features still need vendor prefixes?

我记得最常见的需要前缀的功能是 flexboxborder-radiusbox-shadow 等功能,但现在它们已受支持。随着越来越多的用户转向 Chrome 和 Firefox 等更强大的浏览器并远离 IE,现在是否还有一些功能没有得到完全支持并且需要前缀?

"...are there still features now that haven't been fully supported and require prefixes?"

是的,而且总会有,因为它是一种行业标准,供应商在新起草的 properties/methods 上使用他们的前缀,直到它们成为标准。

我建议您检查您将要使用的那些,而不是搜索仍然有的那些。

MDN 提供了一个具有状态、解释、示例和浏览器支持的优秀站点。

有一个很棒的网站可以让您检查大多数现代浏览器对任何 css 属性 的支持。它还显示有关供应商前缀的信息(如果需要)。 此站点名为 "Can I use" - http://caniuse.com

浏览器供应商在支持功能方面做得越来越好。也就是说,一些较新的或实验性的功能将需要一个前缀;但试图记住或记住 他们似乎不切实际。

您可以使用 Autoprefixer CSS online. This tool generates prefixes based on the information provided from canIuse.

等工具检查您的 CSS 是否需要任何供应商前缀

如果您在项目中使用构建工具,请查看:

使用网站 http://shouldiprefix.com。它的唯一目的是 "show what prefixes are needed for a newer CSS property."

只需在搜索字段中输入您感兴趣的 属性,它就会 return 如下图所示: