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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-30 00:00:10  来源:igfitidea点击:

List of CSS vendor prefixes?

cssvendor-prefix

提问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-Microsoft
  • mso-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 well
  • prince-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;
}