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

最新推荐文章于 2022-09-03 00:34:06 发布

kewen303

最新推荐文章于 2022-09-03 00:34:06 发布

阅读量3k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/kewen1989/article/details/39340527

版权

本文记录了一次遇到的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里面，于是对了。

这里记录一下，标准顺序是：