CSS CSS供应商前缀列表?
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/5411026/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
List of CSS vendor prefixes?
提问by theazureshadow
Besides the following list, are there other CSS vendor prefixes that are important for web development? Are my definitions correct? Should I be more specific about mobile browsers (mobile Webkit, e.g.)
除了以下列表,是否还有其他对Web 开发很重要的 CSS 供应商前缀?我的定义正确吗?我是否应该更具体地了解移动浏览器(例如移动 Webkit)
-khtml-
(Konqueror, reallyold Safari)-moz-
(Firefox)-o-
(Opera)-ms-
(Internet Explorer)-webkit-
(Safari, Chrome)
-khtml-
(Konqueror,真的很老的Safari)-moz-
(火狐)-o-
(歌剧)-ms-
(IE浏览器)-webkit-
(Safari,Chrome)
Does this list(which also contains mso-
, -wap-
, and -atsc-
) add anything of value?
请问这个名单(其中还包含mso-
,-wap-
和-atsc-
)的附加价值什么?
回答by Greg
These are the ones I'm aware of:
这些是我所知道的:
-ms-
Microsoftmso-
Microsoft Office-moz-
Mozilla Foundation (Gecko-based browsers)-o-
,-xv-
Opera Software-atsc-
Advanced Television Standards Committee-wap-
The WAP Forum-webkit-
Safari, Chrome (and other WebKit-based browsers)-khtml-
,-konq-
Konqueror browser-apple-
Webkit supports properties using the -apple- prefixes as wellprince-
YesLogic-ah-
Antenna House-hp-
Hewlett Packard-ro-
Real Objects-rim-
Research In Motion-tc-
Tall Components
-ms-
微软mso-
微软办公软件-moz-
Mozilla 基金会(基于 Gecko 的浏览器)-o-
,-xv-
歌剧软件-atsc-
高级电视标准委员会-wap-
WAP 论坛-webkit-
Safari、Chrome(和其他基于 WebKit 的浏览器)-khtml-
,-konq-
霸王浏览器-apple-
Webkit 也支持使用 -apple- 前缀的属性prince-
是逻辑-ah-
天线房-hp-
惠普-ro-
实物-rim-
动态研究-tc-
高大的组件
These are officially listed in the CSS 2.1 Specification, informative section 4.1.2.2.
这些在CSS 2.1 规范的信息部分 4.1.2.2中正式列出。
回答by glglgl
While not in the direct context of web development, JavaFX uses a vendor prefix for its use of CSS as well: -fx-
.
虽然不在 Web 开发的直接上下文中,但 JavaFX 也使用供应商前缀来使用 CSS:-fx-
.
回答by Raman Sahasi
Just a suggession, if you're planning to just prefix add a css transition, let's suppose column-count: 3;
and you want support for all major browsers, and you prefix your property with all the prefixes mentioned in answers here, then a better and more optimal way would be to use a tool that do this for you:
只是一个建议,如果您打算只添加前缀 css 转换,假设column-count: 3;
您希望支持所有主要浏览器,并且您使用此处答案中提到的所有前缀为您的属性添加前缀,那么更好,更优化的方法将是使用为您执行此操作的工具:
You can use an online took like pleeease.iothat will do the conversion for you:
您可以使用像pleeease.io这样的在线工具来为您进行转换:
Input
输入
a {
column-count: 3;
column-gap: 10px;
column-fill: auto;
}
Output
输出
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;
}