CSS相容性詳解

【寬高width/height】

【内邊距padding】

【邊框border】

【外邊距margin】

【輪廓outline】

【box-sizing】

　　[注意]隻有firefox支援padding-box屬性值

【display】

　　[注意]IE7-浏覽器不支援table類屬性值

【浮動】

【定位】

　　[注意]IE6-不支援固定定位position:fixed

【溢出相關】

【flex】

【多列布局】

【grid】

【字型font】

【首行縮進text-indent】

【對齊】

　　[注意]IE7-浏覽器中vertical-align的百分比值不支援小數行高

【間隔】

【大小寫text-transform】

【劃線text-decoration】

【空白符white-space】

　　[注意]IE7-浏覽器不支援pre-line和pre-wrap這兩個屬性值

【換行】

　　[注意1]W3C建議使用overflow-wrap替換word-wrap

　　[注意2]移動端目前基本都不支援word-break的屬性值keep-all　

【文本方向】

【文本溢出text-overflow】

【文本陰影text-shadow】

【背景background】

【前景和透明度】

【顔色模式】

　　[注意]IE7-不支援color:transparent，但支援background-color: transparent和border-color: transparent

【光标cursor】

　　[注意]IE7-不支援拓展樣式

【過渡transition】 

【變形transform】

【漸變gradient】

【動畫animation】

【混合模式】

【濾鏡filter】

【倒影box-reflect】

　　隻有chrome和safari浏覽器支援，且需要添加-webkit-字首

【will-change】

【表格】

【分頁】

【選擇器】

【僞類】

【僞元素】

【關鍵字】

【calc】　

　　[注意]android4.4-4.4.4隻支援加法和減法。IE9不支援用于backround-position

【機關】

本文轉自xsster51CTO部落格，原文連結：http://blog.51cto.com/12945177/1948447 ，如需轉載請自行聯系原作者