CSS3兼容性
由于每次新出的语法特性,各各浏览器厂商实现的日期不同,他们都给自家浏览器加了特定语法,突出自己浏览器,都给新语法加了自己前缀;
- 但追着各家浏览器对新语法都实现了,部门前缀兼容页取消了,但是还有个少数新特性,不是每个浏览器厂商都能实现,例如:
-webkit-text-fill-color
目前该特性只有谷歌浏览器实现
为什么出现兼容
-
每个浏览器厂商对新特性语法实现完成不一样,部分实现,但有少部分浏览器实现不了;
-
权威语法兼容性查询网站: https://caniuse.com/ , VSCode 中
Autoprefixer
插件后处理,就是根据这个网站来提供语法兼容前缀功能,扫描你CSS帮你自动补齐
兼容语法
-webkit-
:chrom 和 safari-ms-
: IE-moz-
: firefox-o-
: opera