在哪里检查我真的需要特定于浏览器的css代码吗



例如-column-count

在w3schools上,您可以看到您需要特定于浏览器的代码:

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

同样的信息也出现在许多其他网站上,例如columns 的css技巧

在我的代码中,我只写了这样的:

column-count: 3; or columns: 3;

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

那么,在网上有没有任何有效的地址,我可以在那里看到100%有效的信息?我是否需要特定于浏览器的css代码?

忘记使用W3学校,它绝对可怕(请参阅此处(;

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

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

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

你可以把它添加到你的构建过程中,它是100%自动的,不用动手

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

最新更新