异常的网页布局li元素在IE浏览器中显示异常

overme3个月前 (10-17)网页设计230

现象: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.

相关文章


		Chorme浏览器如何实现下载文件后自动运行

Chorme浏览器如何实现下载文件后自动运行

小编最近需要制作一个RPA项目,Web上查询数据后下载Excel处理。点击下载文件再打开,步骤要多些,为了方便,查找了Google Chorme浏览器自动打开运行下载文件的方法。 1、首先打开C...

网页顶部出现空白行的原因以及解决方法

背景: 使用Html+PHP通过本地phpstudy工具搭建了一个Web应用,在本地运行时,页面布局都是正常的。项目上传服务器后,开始页面布局显示也是正常的。可是一段时间后页面最顶部出现一个空白...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。