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">
  • 相关阅读:
    索引查找Java实现
    经典算法之折半查找
    进制转换问题
    排序算法总结之希尔排序
    自己写的栈
    排序问题Java
    画柱状图Java
    一些值得看的性能优化的文章
    理解 BFC
    canvas
  • 原文地址:https://www.cnblogs.com/colinliu/p/html_meta.html
Copyright © 2011-2022 走看看