异常的网页布局li元素在IE浏览器中显示异常
现象: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.