CSS——浏览器兼容问题

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 实例