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;
}

