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对其重新设置位置