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