您的位置: 开心技术乐园 > 微技术 > 阅读文章

一句话解决 WordPress CSS IE 兼容性问题

  对自己的 WordPress 进行了修改优化,调整了 CSS,一切都是在 Chrome 下调试的。IE 基本上已经不太用了,直到有一次用 IE 打开网站,发现网页布局竟然是乱的,但是 Chrome 下是完好的。修改了几项 CSS 都没解决,最后居然是一行代码解决了:

<meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8; IE=7; IE=EDGE" />

  X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。代码在 Wordpress 中一般添加到主题 header.php 顶部。请添加在第一个 meta 元素之前,以便浏览器提前判断!

  后来改成了:

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

  IE = edge告诉IE使用最新的引擎渲染网页,chrome = 1则可以激活Chrome Frame。

    • 本文标签:
    • 人气热度:1,085
    • 生产日期:2019年3月13日 - 9时48分18秒