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