现象：PHP开发的项目，本地调试时，Chorme浏览器和IE浏览器LI元素显示都是正常的。开发完成的网站代码，上传到Linux服务器端后，Chorme浏览器还能正常显示CSS效果，但是IE浏览器显示异常。
检测了IE浏览器输出的源代码，网页源代码都输出了，没有缺少。但是chorme浏览器中li元素显示为小写，IE浏览器中li元素显示为大写。
网上搜索了相关资料，建议检查Docment Mode相关设置，需将X-UA-Compatible设置为IE=edge
HTML中的DOM documentMode属性是IE8属性，用于检测浏览器用来呈现当前页面的文档模式。它会根据呈现页面的模式返回不同的数字，因为IE8可以根据页面的文档类型以及某些HTML元素的存在以各种不同的模式呈现页面。
此属性返回某些值，具体取决于我们使用的IE版本。
如果页面在IE5中运行，则显示的值将是-5
如果页面在IE7中运行，则显示的值将是-7
如果页面在IE8中运行，则显示的值将是-8
注意：默认情况下，如果未指定！DOCTYPE，则页面以IE5模式呈现。
如何在html网页代码中修改Document Mode
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<title>本地测试</title>
</head>
通过meta标签http-equiv=”X-UA-Comatible” 添加content内容为IE=edge的属性，即可将渲染模式变更为edge.
发表评论 取消回复