List of CSS vendor prefixes?

问题

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?

回答1:

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.

回答2:

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

回答3:

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

来源：https://stackoverflow.com/questions/5411026/list-of-css-vendor-prefixes

标签

css

vendor-prefix