我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

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

本地开发完成的项目,上传到Linux服务器上,通过Chorme浏览器查看时li元素能正常显示,但是IE浏览器中显示异常。本文分享解决方法。

现象:PHP开发的项目,本地调试时,Chorme浏览器和IE浏览器LI元素显示都是正常的。开发完成的网站代码,上传到Linux服务器端后,Chorme浏览器还能正常显示CSS效果,但是IE浏览器显示异常。

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

异常的网页布局li元素在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.





点击阅读更多内容!
如果您觉得文章内容帮助到了您,不妨点点感兴趣的广告。感谢您的支持!

微信扫一扫打赏

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-29 13:57 , Processed in 0.076465 second(s), 34 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表