1. 程式人生 > >css樣式適配IE11

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