本文详细解析了在IE8环境下页面显示问题的原因，并介绍了如何通过<meta http-equiv=X-UA-Compatible content=IE=EmulateIE7>和<meta http-equiv=X-UA-Compatible content=IE=7>来解决此问题，同时解释了两者之间的区别，重点关注了X-UA-Compatible中的doctype与xhtml的关系。
前几日修改一个活动页面，测试的时候发现在 ie8 下面显示有问题，而线上的页面在 ie8 下面显示没有问题，通过仔细的查找，最后发现原来是在 head 标签里少了一段代码：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，这段代码是什么意思呢？
首先要说明的是 X-UA-Compatible 这个属性值在 ie6、ie7 下面不认识。其次 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 是让浏览器以 ie7 的方式进行渲染，使网页正常显示。
当然 X-UA-Compatible 中还有其他方法，如：<meta http-equiv="X-UA-Compatible" content="IE=7" />，两者有和区别？
其实两个没有太大的区别，只是 Emulate 模式更加重视 doctype。现在大多数页面都是 xhtml，而 xhtml 与 html 的不同就在于更加规范，比如标签必须要闭合，标签必须被正确的嵌套，doctype 必不可少。
所以推荐使用 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
