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, rea开发者_开发问答lly 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 suggestion, 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:
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;
}
精彩评论