A级兼容(chrome、firefox、IE9+):要保证在最新浏览器上完美实现设计稿;
B级兼容(ie8):能用且差别不大
C级兼容(ie7以下):能用
首先以最大程度完善设计稿为基础,再考虑兼容性,不能为盲目为了兼容问题而弃用方便简洁的新方法(如html5、css3);当然也不能用过新的技术方法使得兼容性过于低、实用性差。
- 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验
- 优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容
- 区别:优雅降级是从复杂的现状开始,并试图减少用户体验的供给,而渐进增强则是从一个非常基础的,能够起作用的版本开始,并不断扩充,以适应未来环境的需要。降级(功能衰减)意味着往回看;而渐进增强则意味着朝前看,同时保证其根基处于安全地带