2011-03-23 55 views
61

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

  • -khtml-(Konqueror中,真的老Safari浏览器)
  • -moz-(火狐)
  • -o-(歌剧)
  • -ms-(互联网Explorer)
  • -webkit-(Safari,Chrome)

请问this list(它还包含mso-,-wap--atsc-)是否添加任何有价值的东西?

回答

93

这是我所知道的那些:

  • -ms-微软
  • mso-
  • -moz- Mozilla基金会的Microsoft Office(基于Gecko的浏览器)
  • -o--xv- Opera软件
  • -atsc-高级电视标准委员会
  • -wap- WAP论坛
  • -webkit- Safari浏览器,浏览器(和其他基于WebKit的浏览器)
  • -khtml--konq- Konqueror的浏览器
  • -apple-的Webkit支持使用-apple-前缀以及
  • prince- YesLogic
  • 属性
  • -ah-天线屋
  • -hp-惠普
  • -ro-实物
  • -rim- Research In Motion公司
  • -tc-较高的元件

这些在CSS 2.1 Specification, informative section 4.1.2.2正式上市。

+0

哇,漂亮的列表。我有一阵子没想到王子!我对Web开发特别感兴趣,所以也许我们可以拆分那些不会在web上下文中查看的内容(比如Prince)。在什么情况下是'-xv-'歌剧延伸?我甚至没有听说过那个。 – theazureshadow 2011-03-23 20:47:14

+9

我不知道Purple One创建了一个浏览器... – tahdhaze09 2011-03-23 20:54:14

+0

不错的列表! +1问题和回答 – clairesuzy 2011-03-23 22:56:03

1

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

1

只是一个建议,如果你打算只是前缀添加一个css过渡,假设你想要支持所有主流浏览器,并且你在属性前面加上了前面提到的所有前缀,那么更好和更好的方法是使用一种工具,为你做这个:

您可以使用网上把喜欢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; 
} 
相关问题