zoukankan      html  css  js  c++  java
  • IE 文档模型设置 免去你IE 按F12去调文档标准的烦恼。


    英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx


    最近在做一个前端页面,在各种浏览器上,各种差异,各种无赖。各种郁闷。

    因为自己本机上的测试是IE10标准。 所以在其他浏览器上有多差异。 不过总算找到解决办法了。

    先来个示例:


    <html>
    <head>
    <!-- Mimic Internet Explorer 7 -->
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 设置该文件默认以ie7 兼容模式浏览。不需要手动去 按F12调整

    <title>My Web Page</title> </head>
    <body>
    <p>Content goes here.</p>
    </body>
    </html>


    再来段:     设置该Html文件以IE10标准模式读档。  版本依次往下排的好处是,优先使用最高级别的浏览模型。

       <meta http-equiv="X-UA-Compatible" content="IE=10">
    <!-- IE8 mode -->
            <meta http-equiv="X-UA-Compatible" content="IE=9">
       <!-- IE9 mode -->
            <meta http-equiv="X-UA-Compatible" content="IE=8">
    <!-- IE10 mode -->

    想要使用js 来控制?

    javascript:alert(document.documentMode);  啥意思?   得到当前的文档模式。   弹出结果:  8    意思是以IE8  文档标准。



    这段又是啥?自动寻找最接近的模式。

    <meta http-equiv="X-UA-Compatible" content="IE=4"> <!-- IE5 mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=7.5"> <!-- IE7 mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=100"> <!-- IE8 mode -->
    <meta http-equiv="X-UA-Compatible" content="IE=a"> <!-- IE5 mode -->


    闲麻烦?或者不知道版本的最高标准?

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

    如此就好,自动使用浏览器最高标准。  这个方法不推荐,虽然是懒人程序员的好东西。但是不一定是最实用的。这个目前不稳定啊。






  • 相关阅读:
    Django models中的null和blank的区别
    3次登陆锁定与backend增删改查
    Python全栈考试(一)
    python第一天几个小游戏
    linux开发脚本自动部署及监控
    Linux awk&shell script
    linux正则表达式grep&sed
    linux网路IP.设定主机名.ssh .bash命令&通配符
    Linux:nginx(web服务),nfs服务+反向代理+负载均衡
    Linux内存dd,rpm,yum,软件安装
  • 原文地址:https://www.cnblogs.com/snake-hand/p/3174377.html
Copyright © 2011-2022 走看看