CSS供应商前缀列表?


68

除了下面的列表,还有其他CSS供应商前缀对于Web开发很重要吗?我的定义正确吗?我是否应该更具体地介绍移动浏览器(例如移动Webkit)

  • -khtml-(Konqueror,非常古老的Safari)
  • -moz- (Firefox)
  • -o- (歌剧)
  • -ms- (IE浏览器)
  • -webkit- (Safari,Chrome)

请问这个名单(其中还包含mso--wap--atsc-)的附加价值什么?

Answers:


101

这些是我知道的:

  • -ms- 微软
  • mso- 微软办公软件
  • -moz- Mozilla Foundation(基于Gecko的浏览器)
  • -o--xv-Opera软件
  • -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中正式列出。


哇,好清单。我好久没想起王子了!我对Web开发特别感兴趣,因此也许我们可以拆分那些不会在Web上下文中查看的内容(例如Prince)。-xv-歌剧扩展在什么情况下?我什至没有听说过那个。
theazureshadow 2011年

不错的清单!+1的问题和答案
clairesuzy 2011年

1
XP1,-icab供应商前缀用于什么?
格雷格

2
此列表似乎来自W3C的CSS 2.1规范
renoirb 2014年

1
@dcc实际上可能不存在
授予

1

尽管不是在Web开发的直接上下文中,JavaFX也在CSS的使用中使用了供应商前缀:-fx-


1

只是一个建议,如果您打算仅添加一个CSS过渡前缀,让我们假设,column-count: 3;并且想要支持所有主流浏览器,并且在属性中添加此处答案中提到的所有前缀,那么一种更好,更优化的方法将是使用可以为您执行此操作的工具:

您可以使用像pleeease.io这样的在线摄影作品为您完成转换:

输入值

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;
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.