ie浏覽器中樣式的問題以及解決方法

IE相容性：IE9包括IE9不支援flex布局，也不支援動畫樣式keyframes

1、通過meta代碼強制浏覽器使用WebKit核心極速模式（解決 meta name="renderer" content="webkit" 不起作用）

2、設定雙核浏覽器的浏覽模式<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>

3、IE浏覽器下flex布局的bug

1、問題：父元素使用了彈性布局要讓子元素居中顯示，不生效。

     即如果父級元素使用了flex的彈性布局，而子元素是 絕對定位、或是子元素本身就是僞元素（after、before），則flex對這些子元素不起作用

父元素：
display: flex;
align-items: center;
justify-content: center;
           

子元素
position: absolute;

:after

:before
           

解決方法：

如果子元素是position: absolute定位, 則可以設定calc(50% - xxpx)或left對其重新設定位置