记一个IE浏览器兼容模式与IE文档模式不一致的问题

本文记录了一次遇到的IE浏览器兼容模式为9,但文档模式显示为7的奇怪问题。经过排查,发现是CSS样式引入位置错误,将其调整到head标签内并遵循正确的顺序:head -> title -> 兼容模式设置 -> CSS -> JS。调整后问题解决,同时强调了在head内书写title、兼容设置、CSS和JS的重要性以及CSS应在JS前加载以提升页面速度。尽管IE浏览器常常带来兼容性挑战,但遵循最佳实践可以避免许多问题。
摘要由CSDN通过智能技术生成

今天遇到一个IE兼容的奇葩问题,浏览器兼容模式为9,但是文档模式为7。 

仔细看了一下设置兼容的代码: <meta http-equiv="X-UA-Compatible" content="IE=edge" />  这个东西本身是对的,没有问题。 

那么猜想就是它的位置错了:

<head>
<title>Kewen Hello</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

这个明显也是对的,于是产生了困惑。 继续往上找代码,发现有一行css样式的引入放在的head上面:

<link rel="stylesheet" type="text/css" href="workflowHome.css" />
<head>
<title>Kewen Hello</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

调整了一下位置,把css放到head里面,于是对了。


这里记录一下,标准顺序是:

<head>
<title>Kewen H
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值