除了以下列表,還有其他對於web開發很重要的CSS供應商前綴嗎?我的定義是否正確?我應該是更具體的瞭解移動瀏覽器(移動的Webkit,如)CSS供應商前綴列表?
-khtml-
(Konqueror中,真的老Safari瀏覽器)-moz-
(火狐)-o-
(歌劇)-ms-
(互聯網Explorer)-webkit-
(Safari,Chrome)
請問this list(它還包含mso-
,-wap-
和-atsc-
)是否添加任何有價值的東西?
除了以下列表,還有其他對於web開發很重要的CSS供應商前綴嗎?我的定義是否正確?我應該是更具體的瞭解移動瀏覽器(移動的Webkit,如)CSS供應商前綴列表?
-khtml-
(Konqueror中,真的老Safari瀏覽器)-moz-
(火狐)-o-
(歌劇)-ms-
(互聯網Explorer)-webkit-
(Safari,Chrome)請問this list(它還包含mso-
,-wap-
和-atsc-
)是否添加任何有價值的東西?
這是我所知道的那些:
-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-
較高的元件雖然不是在Web開發的直接上下文中,但JavaFX也使用供應商前綴來使用CSS:-fx-
。
只是一個建議,如果你打算只是前綴添加一個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;
}
哇,漂亮的列表。我有一陣子沒想到王子!我對Web開發特別感興趣,所以也許我們可以拆分那些不會在web上下文中查看的內容(比如Prince)。在什麼情況下是'-xv-'歌劇延伸?我甚至沒有聽說過那個。 – theazureshadow 2011-03-23 20:47:14
我不知道Purple One創建了一個瀏覽器... – tahdhaze09 2011-03-23 20:54:14
不錯的列表! +1問題和回答 – clairesuzy 2011-03-23 22:56:03