在哪里检查我是否真的需要特定于浏览器的 CSS 代码？答案

【问题标题】：where to check do I really need browser-specific css code?在哪里检查我是否真的需要特定于浏览器的 CSS 代码？
【发布时间】：2018-11-13 16:09:55
【问题描述】：

例如 - column-count

在w3schools你可以看到你需要浏览器特定的代码：

-webkit-column-count:
-moz-column-count:
column-count: 3;

许多其他网站上都有相同的信息，例如 - css tricks - 用于 columns

在我的代码中，我只写了这个：

column-count: 3; or columns: 3;

它在 Chrome、Firefox、Opera、Safari 中完美运行。

那么网络上是否有任何有效的地址，我可以在其中看到 100% 有效的信息我是否需要浏览器特定的 css 代码？

【问题讨论】：

What CSS3 features still need vendor prefixes? 的可能重复项。根据Can I use 和MDN 的供应商前缀column-count 仅在您针对已经过时的浏览器时才需要。

标签： css

【解决方案1】：

忘记使用 W3 学校，这绝对是可怕的（见 here）；

在此处检查供应商前缀：https://caniuse.com/

然而，更好的答案是让其他人为您处理所有这些。例如，这是一个出色的库，它将您的 CSS 作为输入，并根据您指定的过滤器将其转换为具有适当的前缀（通常表示为 n versions 或百分比，如 92% coverage）：https://github.com/postcss/autoprefixer

过滤器列表可以在这里找到：https://browserl.ist/?q=last%204%20version

您可以将其添加到您的构建过程中，并且它是 100% 自动的，无需手动操作。

如果你正在做一个没有构建过程的一次性项目或网站，你可以在这里转换你的 CSS https://autoprefixer.github.io/

【讨论】：

caniuse.com 我认为这些都是关于使用 css 属性的信息。看不到有关前缀的信息，是否需要。