css样式适配IE11

今天测试提了个显示BUG，在IE11上有问题。

这里不可能改动原有样式的，毕竟不能为了IE11放弃其他浏览器。查资料找到一个识别IE11的meta方法，那么问题就解决了，只要给IE11无法处理的样式下为他专门配置一个适配样式就可以了。

示例:

.progressContainer {vertical-align: middle;display: inline-block;width: 75%;zoom:1.3;}@media screen and(-ms-high-contrast:active),(-ms-high-contrast:none){/*兼容IE11*/.progressContainer {vertical-align: middle;display: inline-block;width: 60%;zoom:1.3;}}

上方的是非IE11浏览器使用的样式，下方则是IE11浏览器读取的样式。在css文件中添加一个，将该文件下所有无法正确识别的样式在meta里面重新给IE11写一份即可。