List of CSS vendor prefixes?

2019-01-03 22:34发布

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.)

  • -khtml- (Konqueror, really old Safari)
  • -moz- (Firefox)
  • -o- (Opera)
  • -ms- (Internet Explorer)
  • -webkit- (Safari, Chrome)

Does this list (which also contains mso-, -wap-, and -atsc-) add anything of value?

3条回答
在下西门庆
2楼-- · 2019-01-03 22:50

While not in the direct context of web development, JavaFX uses a vendor prefix for its use of CSS as well: -fx-.

查看更多
疯言疯语
3楼-- · 2019-01-03 23:02

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

These are officially listed in the CSS 2.1 Specification, informative section 4.1.2.2.

查看更多
你好瞎i
4楼-- · 2019-01-03 23:10

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:

You can use an online took like pleeease.io that will do the conversion for you:

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;
}
查看更多
登录 后发表回答