1、ie 浏览器从 9 开始兼容 flex 布局并支持媒体查询,自 9 之后基本上正常开发就可以了,只要不用 css3 属性,ie9 的显示效果和谷歌浏览器上是一样的。但一旦需要兼容 ie8,需要面临很多问题,见此链接:小小夕
2、各浏览器对 css3 属性的支持
3、各浏览器对 css3 选择器的支持
4、怎样开发能快速并不重复不遗漏的处理使用到的 css 属性?
推荐使用 less 或 sass 或 stylus 预处理语言,并编写好基本样式表,其中尽可能全的包括所有你可能用到的 css 属性,并将需要做兼容的属性封装成函数,使用时只要调用一下就好,举例:
.dp-fr(){
display: flex;
display: -webkit-box;
display: -webkit-flex;
flex-direction: row;
-webkit-flex-direction: row;
}
.bs() {
-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
-o-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
-ms-box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
box-shadow: 0 5px 5px rgba(0, 0, 0, .5);
}
在此收集了更多详细的方案来互补:值得参考的 10 个 LESS CSS 实例