使用IE8访问页面中，如何强制使用IE模式渲染？

背景：

      最近在开发新的页面，考虑到IE6已经基本淘汰，IE7也是换汤不换药，所以只打算兼容IE8以上的浏览器。

      微软在IE8中，增加了浏览器模式的配置，支持IE7，IE8兼容性视图，以及IE8三种模式。

 

问题：

      新的页面打开的时候，控件布局都乱了。用F12打开“开发人员工具”，发现默认使用的时IE8兼容性视图，修改IE8模式就好了。但是我们不能让强制用户去修改浏览器模式。理由如下：

      1、不是所有的用户都知道如何调整，因此会给用户带来不必要的学习成本；

      2、当用户需要用浏览器访问其他只兼容IE7的页面时，需要再切换，十分不便。

      那还有没有其他的办法呢？

      最好的办法就是“自动切换”：就是让用户访问我们的页面时，自动将IE8切换到“IE8”模式。

 

解决方案：

      求助万能的Google，终于找到了解决方案。

      在head标签中，增加如下的代码：

      <meta http-equiv="X-UA-Compatible" content="IE=edge" />

      这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如人见人烦的IE6），以此来解决部分兼容问题。具体的用法大家可以去自行搜索，这里不再说明了。

      其中IE=edge表示用浏览器能够支持的最高模式去渲染。

      在IE9下打开页面，用F12打开“开发人员工具”，发现浏览器采用的是IE9的渲染方式（能支持的最高模式。）

 

 

 声明：

文章来自于ITeye，欢迎访问我的博客:xiaoyu1985ban.iteye.com

ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。若作者同意转载，必须以超链接形式标明文章原始出处和作者。