一、需要兼容那些浏览器
根据用户群体决定兼容哪些浏览器：
（1）面向普通用户
ie8+，chrome,firefox
(2)企业级产品
ie9+，chrome,firefox
如何了解浏览器市场份额：
百度统计：
二、浏览器兼容方案
1、css层叠原理
1 div {2 display: -webkit-box;3 display: -webkit-flex;4 display: -moz-box;5 display: -ms-flexbox;6 display: flex7 }
如上面代码所示，同一个属性，后面书写的值会覆盖前面书写的值，并且对于浏览器无效的属性值会被忽略。
2、条件注释
针对ie6，ie7，ie8，ie9的条件注释，见如下代码：
<!--[if lt ie 7]><html class='ie6'><![endif]--><!--[if ie 7]><html class='ie7'><![endif]--><!--[if ie 8]><html class='ie8'><![endif]--><!--[if ie 9]><html class='ie9'><![endif]--><!--[if (gt ie 9) | !(ie)]><!--> <html class='w3c'>