zoukankan      html  css  js  c++  java
  • 通过<meta>标签指定IE的文档模式实现CSS3兼容

    今天发现之前做好的一个页面在IE中打开显示的效果不正常,本地和服务器上显示的是两种不同的样式。

    经过确认文档内容和CSS都是一样的。

    通过IE F12(开发人员工具)发现不正常的样式 浏览器文档模式自动设置为IE7,但别的机器又是显示的IE9。

    证明不同的系统,不同的IE浏览器版本加载时用的文档模式还不一样。当IE识别时,如果采用IE7文档模式就造成CSS3属于无法识别,导致显示效果不一样。

    手动将文档模式改为IE9或EDGE才会正常。

    要解决该问题,开发人员可在页面顶部声明中加入如下代码即可解决:

    <meta http-equiv="x-ua-compatible" content="IE=EDGE,IE=IE9" />

     或

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  • 相关阅读:
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
    iOS
  • 原文地址:https://www.cnblogs.com/colinliu/p/html_meta.html
Copyright © 2011-2022 走看看