<meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。
目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码:
- <meta http-equiv="X-UA-Compatible" content="IE=7" />
这样我们才能使得页面在IE8里面表现正常!
浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦。单单 IE 浏览器就有好几个主流版本,IE6、IE7、IE8 等等。当然使用诸如 IETester,多版本 IE 共存解决方案之类的第三方集成工具,可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。
X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible 兼容模式显得相当重要。
各种兼容模式代码示例如下:
<meta http-equiv="X-UA-Compatible" content="IE=5" />
像是使用了 Windows Internet Explorer 7 的 Quirks 模式,这与 Windows Internet Explorer 5 显示内容的方式很相似。
<meta http-equiv="X-UA-Compatible" content="IE=7" />
无论页面是否包含 <!DOCTYPE> 指令,均使用 Windows Internet Explorer 7 的标准渲染模式。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
开启 IE8 的标准渲染模式,但由于本身 X-UA-Compatible 文件头仅支持 IE8 以上版本,因此等同于冗余代码。
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge 模式通知 Windows Internet Explorer 以最高级别的可用模式显示内容,这实际上破坏了“锁定”模式。
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
EmulateIE7 模式通知 Windows Internet Explorer 使用 <!DOCTYPE> 指令确定如何呈现内容。标准模式指令以Windows Internet Explorer 7 标准模式显示,而 Quirks 模式指令以 IE5 模式显示。与 IE7 模式不同,EmulateIE7 模式遵循 <!DOCTYPE> 指令。对于多数网站来说,它是首选的兼容性模式。
在现阶段,IE8 版本推向市场没有多久,份额不高。因此,考虑兼容旧版本的模式值得推荐
相关推荐
X-UA-Compatible是针对ie8新...目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码: <meta http-equiv="X-UA-Co
大致翻译是如果你有一个使用X-UA-Compatible Meta 标签或者http header 让网页在IE7标准模式解释的旧网站,那么这里有一个综合示例能够让ie8用ie7的标准模式呈现页面,ie9使用ie9的标准模式呈现页面。用自己的话就是...
使mainiframe的高度根据网页高度自定义,在IE7中可以使用,IE8中无法使用,只要在<head></head>之间加入<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />,IE8调用IE7的渲染模式,就可以使mainiframe...
X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含!DOCTYPE指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=...
meta http-equiv=”X-UA-Compatible” content=”IE=8″> <!–以IE8模式渲染–> <meta http-equiv=”X-UA-Compatible” content=”IE=7″> <!–以IE7模式渲染–> 但是我就遇到了一种情况,在 IE8 下...
–以IE8模式渲染–> <metahttp equiv=”X-UA-Compatible”content u201dIE=7″><!–以IE7模式渲染–> 还有一种情况,在IE8下只有不使用兼容模式页面才能显示正常,但是如果设定为IE8的模式,在IE9中却会导致CSS3...
热门的tag非IE8莫属 各浏览器厂商争相发布版本更新 部分网页也存在与IE8的...meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 只要IE8读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示
meta http-equiv=X-UA-Compatible content=IE=EmulateIE7 /> 浏览器使用IE7兼容模式,利用IE7渲染模式,这样可以保证最大的兼容性。 但若网站有很多页面。若一页一页改,那要累晕的,可以考虑在IIS里加入如下描述...
我们一般通过node框架提供的api操作页面渲染,如何利用原始回写的方式来实现同样的功能呢 下面是通过node 提供的异步地读取一个文件的全部内容api readFile...meta http-equiv=X-UA-Compatible content=ie=edge>
meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /> 只要IE8一读到这个标签,它就会自动启动IE7兼容模式,保证页面完整展示。 还有一种方法是针对整个网站的,在IIS中加入如下描述符就可以有...
canvascanvas元素用于使用...meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
本文实例为大家分享了bootstrap实现收缩导航条的具体代码,供大家参考,具体内容如下 ...meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=divice-width,initial-s
meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--针对响应式布局,首先获取设备的物理宽度,根据设备物理宽度设置网页宽度,按照1:1缩放--> <meta name="viewport" content="width=device-...
meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- 该命令的含义是 如果是 IE 浏览器,使用最新的 edge 方式解析,提高渲染性能、显示效果等。--> <meta name="viewport" content="width=...
meta http-equiv =" X-UA-Compatible " content =" IE=edge,chrome=1 " /> <!-- 如ie9等早期浏览器提示使用最新渲染器 --> < link rel =" stylesheet " type =" text/css " href =" path/febs/febs.css...
Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...