68

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

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

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

4

3 回答 3

101

这些是我知道的：

  • -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中正式列出。

于 2011-03-23T20:18:07.657 回答
1

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

于 2016-04-19T13:05:57.793 回答
1

只是一个建议，如果您打算只添加一个 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;
}
于 2016-07-29T05:39:27.350 回答