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写一份即可。