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

时间:2018-11-13 08:01:33

标签: css

例如-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代码?

1 个答案:

答案 0 :(得分:2)

忘记使用W3学校,那绝对是可怕的(请参阅here);

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

一个更好的答案是,让别人为您处理所有这一切。例如,这是一个出色的库,它将CSS作为输入,并根据您指定的过滤器将其转换为具有正确的前缀(通常表示为n versions或百分比,例如92% coverage): https://github.com/postcss/autoprefixer

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

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

如果您正在做一个一次性项目或网站而没有构建过程,则可以在此处https://autoprefixer.github.io/

转换CSS。