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?
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
These are officially listed in the CSS 2.1 Specification, informative section 4.1.2.2.
While not in the direct context of web development, JavaFX uses a vendor prefix for its use of CSS as well: -fx-.
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