css - CSS供应商前缀列表？

Question

除了以下列表之外，还有其他对Web 开发很重要的 CSS 供应商前缀吗？我的定义正确吗？我是否应该更具体地了解移动浏览器（例如移动 Webkit）

• -khtml-（Konqueror，很老的 Safari）
• -moz-(火狐)
• -o-（歌剧）
• -ms-（IE浏览器）
• -webkit-（Safari、Chrome）

这个列表（还包含mso-、-wap-和）是否-atsc-增加了任何有价值的东西？

Answer 1

这些是我知道的：

• -ms-微软
• mso-微软办公软件
• -moz-Mozilla Foundation（基于 Gecko 的浏览器）
• -o-,-xv-歌剧软件
• -atsc-高级电视标准委员会
• -wap-WAP 论坛
• -webkit-Safari、Chrome（和其他基于 WebKit 的浏览器）
• -khtml-, -konq-Konqueror 浏览器
• -apple-Webkit 也支持使用 -apple- 前缀的属性
• prince-是逻辑
• -ah-天线屋
• -hp-惠普
• -ro-实物
• -rim-运动研究
• -tc-高大的组件

这些在CSS 2.1 规范的信息部分 4.1.2.2中正式列出。

Answer 2

虽然不在 Web 开发的直接上下文中，但 JavaFX 也使用供应商前缀来使用 CSS -fx-：.

Answer 3

只是一个建议，如果您打算只添加一个 css 转换的前缀，假设column-count: 3;您希望支持所有主要浏览器，并且您使用此处答案中提到的所有前缀为您的属性添加前缀，那么更好和更优化的方法将是使用为您执行此操作的工具：

输入

a {
  column-count: 3;
  column-gap: 10px;
  column-fill: auto;
}

输出

a {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  -webkit-column-fill: auto;
     -moz-column-fill: auto;
          column-fill: auto;
}