CSS供应商前缀列表?
除了下面的列表,还有其他的CSS供应商前缀是重要的Web开发 ? 我的定义是否正确? 我应该更具体的移动浏览器(移动Webkit,例如)
-
-khtml-
(Konqueror, 真的很老的Safari) -
-moz-
(Firefox) -
-o-
(歌剧) -
-ms-
(Internet Explorer) -
-webkit-
(Safari,Chrome)
此列表 (其中还包含mso-
,- -wap-
和-atsc-
)是否添加任何有价值的内容?
这些是我所知道的:
- 微软
-
mso-
Microsoft Office -
-moz-
Mozilla基金会(基于壁虎的浏览器) -
-xv-
-o-
,--xv-
Opera软件 - 高级电视标准委员会
- WAP – WAP论坛
-
-webkit-
Safari,Chrome(以及其他基于WebKit的浏览器) -
-khtml-
,--konq-
Konqueror浏览器 -
-apple-
Webkit也支持使用-apple-前缀的属性 -
prince-
YesLogic - 天线屋
- 惠普
- 真正的对象
-
-rim-
研究运动 - 高组件
这些正式列在CSS 2.1规范,信息部分4.1.2.2 。
虽然不在Web开发的直接上下文中,但JavaFX也使用供应商前缀来使用CSS: -fx-
。
只是一个build议,如果你打算只是前缀添加一个CSS转换,让我们假设column-count: 3;
你需要所有主stream浏览器的支持,而且你在前面的答案中提到了所有前缀的属性前缀,那么更好和更优化的方法就是使用一个工具来为你做这件事:
你可以使用一个在线采取像pleeease.io这将做你的转换:
input
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; }