2011-03-23 54 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; 
} 
相關問題