主流游览器
谷歌 -webkit- 前缀:-webkit-
火狐 -gecko- 前缀:-moz-
safari -webkit- 前缀:-webkit-
opera -blink- -presto- 前缀:-o-
ie -trident- 前缀:-ms-
浏览器前缀自动补全的网址:http://autoprefixer.github.io
渐进增强和优雅降级
1.渐进增强(由低到高)
一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。
2.优雅降级(由高到低)
一开始就构建站点的完整功能,然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。