• IE强制标准模式---标准模式与兼容模式设置


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

    这个是最有效的方法。

    文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。
    从上面的例子可以看出“X-UA-Compatible”的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?
    Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。
    EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。
    9:强制以IE9标准模式渲染页面,忽略文档类型声明。
    8:强制以IE8标准模式渲染页面,忽略文档类型声明。
    7:强制以IE7标准模式渲染页面,忽略文档类型声明。
    5:强制以IE5标准模式渲染页面,忽略文档类型声明。

    也许你在实际使用 X-UA-Compatible 的时候,可能会出现不管用的情况,

    其实,不能单单的只是加:meta,还需要,把DOCTYPE的定义去掉,其实这样就可以了:

    <!DOCTYPE html>  。

    检查一下,你的代码中是不是还是这个:

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

    删掉试试
    以下是写法列表:
     
    <meta http-equiv="X-UA-Compatible" content="IE=edge" >
     
    <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
     
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
         
    <meta http-equiv="X-UA-Compatible" content="IE=7,9" />

  • 相关阅读:
    Vue:Axios异步通信,生命周期
    关于Hibernate多对多关联关系的更新问题。
    Hibernate多对多关联关系
    使用JQuery做一组复选框的功能。
    如何用jstl的select标签做二级联动下拉列表框??
    Ajax回退刷新页面问题的解决办法
    如何遍历一个JSON对象的属性值???
    一个关于JSON的异常,获取List对象失败的。。。
    阅读HandlerInterceptor接口源码的理解
    阅读HandlerInterceptor接口源码的理解
  • 原文地址:https://www.cnblogs.com/jeffry/p/5291666.html
Copyright © 2020-2023  润新知