最近做項目調試IE9的兼容性，遇到問題，樣式應用不上去，在其他瀏覽器中是正常的。

經過查找，判定是IE9的css截斷問題。

1. IE9截斷判定方法

1. 打開IE Developer Tools，在網絡面板，進行捕獲，抓取到的css文件是完整的
2. 打開IE Developer Tools的HTML面板，在右側樣式面板中，點擊最右側對應的該css文件，
或者在css面板中選擇該css文件，將滾動條拉到底，可以看到css文本是否解析完整

2. IE9截斷文件大小

這個沒有明確的標準。

一個說法是單個css文件不能超過250k。
一個說法是單個css文件不能超過4000+ selectors。

所以盡量將單個css文件大小控制在200K以內，應該沒問題。

3. webpack的css文件分拆

使用css-split-webpack-plugin插件進行文件大小分割，如果使用了OptimizeCSSAssetsPlugin插件，則要禁止其修改
@keyframes的名字。

參考：https://blog.csdn.net/napoleonxxx/article/details/80292006
　　 https://segmentfault.com/a/1190000005966818

IE9的大css文件截斷問題