通过<meta>标签指定IE的文档模式实现CSS3兼容

今天发现之前做好的一个页面在IE中打开显示的效果不正常，本地和服务器上显示的是两种不同的样式。

经过确认文档内容和CSS都是一样的。

通过IE F12(开发人员工具）发现不正常的样式 浏览器文档模式自动设置为IE7,但别的机器又是显示的IE9。

证明不同的系统，不同的IE浏览器版本加载时用的文档模式还不一样。当IE识别时，如果采用IE7文档模式就造成CSS3属于无法识别，导致显示效果不一样。

 

手动将文档模式改为IE9或EDGE才会正常。

 

要解决该问题，开发人员可在页面顶部声明中加入如下代码即可解决：

<meta http-equiv="x-ua-compatible" content="IE=EDGE,IE=IE9" />

 或

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">