IE浏览器弹窗在position：fixed下左右布局中的问题

在chrome浏览器下开发，弹窗居中的css只需

position: fixed;
bottom: 0;
top: 0;
left:0;
right:0;
margin: auto;

但是这样的写法在IE浏览器中会造成弹窗左右不居中的情况，换种写法，如下

position: fixed;
bottom: 0;
top: 0;
left:50%;
transform:translateX(-50%)
margin: auto;

即：整体向左移动50%，然后弹窗本身在向右偏移50%，即可实现左右居中！