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

来源：互联网发布：linux tmp目录编辑：程序博客网时间：2024/05/16 08:42

今天遇到一个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 Hello</title><meta http-equiv="X-UA-Compatible" content="IE=edge" /><link rel="stylesheet" type="text/css" href="hello.css" /><script type="text/javascript" src="hello.js"></script></head>

head标记打头，然后写title，然后是兼容模式设置，然后加载css，最后加载js。

说明一下：

1.title，兼容设置，css和js都要写在head内才能生效。

2.兼容模式那一行要写在title后才生效。

3.css写在js之前加载，提高页面加载速度。因为JS加载之后需要执行，而css不需要。

最后忍不住吐槽一下，IE真是烂啊，各种问题都导致它崩溃，各种版本不兼容。。。。。。写个前台代码，IE浏览器就是噩梦~~

0 0