IE兼容H5和CSS3方法

偏执的太偏执、 2022-05-23 06:59 199阅读 0赞

### 1：加载兼容文件JS ###

因为IE8既不支持HTML5也不支持CSS3 Media，所以我们需要加载两个JS文件，来保证我们的代码实现兼容效果：

<!--\[if lt IE 9\]>

<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>

<!\[endif\]-->

### 2：设置IE渲染方式默认为最高(这部分可以选择添加也可以不添加) ###

现在有很多人的IE浏览器都升级到IE9以上了，所以这个时候就有又很多诡异的事情发生了，例如现在是IE9的浏览器，但是浏览器的文档模式却是IE8:

为了防止这种情况，我们需要下面这段代码来让IE的文档模式永远都是最新的：

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

太给力了。

不过我最近又发现了一个更给力的写法：

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

怎么这段代码后面加了一个chrome=1，这个[Google Chrome Frame（谷歌内嵌浏览器框架GCF）][Google Chrome Frame_GCF]，如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以最高的文档模式展现效果。这段代码我还是建议你们用上，不过不用也是可以的。

转载地址：[https://www.cnblogs.com/hehuiself/p/7100045.html][https_www.cnblogs.com_hehuiself_p_7100045.html]

[Google Chrome Frame_GCF]: http://zh.wikipedia.org/wiki/Google_Chrome_Frame
[https_www.cnblogs.com_hehuiself_p_7100045.html]: https://www.cnblogs.com/hehuiself/p/7100045.html

发表评论取消回复

表情：

评论列表（有 0 条评论，199人围观）

还没有评论，来说两句吧...

相关阅读

相关 IE兼容CSS3圆角border-radius的方法（同时兼容box-shadow，text-shadow）

IE兼容CSS3圆角border-radius，box-shadow，text-shadow的方法 1.下载ie-css3.htc 2.CSS \[/code\]

Bertha 。/ 2023年10月18日 09:59/ 0 赞/ 67 阅读

相关 IE8的如何兼容渐变颜色css3

IE8的如何兼容渐变颜色css3 解决方法： body{ width:100%; height:200px;

红太狼/ 2023年07月18日 06:23/ 0 赞/ 27 阅读

相关 Ie 兼容css3 box-shadow和box-radius

1. box{ -moz-border-radius:15px;/ Firefox / -webkit-border-radius:1

末蓝、/ 2022年08月27日 10:00/ 0 赞/ 148 阅读

相关 css3中transform兼容ie 倾斜div

（引用QQ图片） transform:rotate(-30deg);/\兼容性强\/ \-ms-transform:rotate(-30deg);/\ie9\/ \-

我就是我/ 2022年08月25日 09:12/ 0 赞/ 175 阅读

相关兼容IE8的渐变颜色css3

css代码如下： body{ width:100%; height:200px; background: -webkit-gradient(linear, 0 0,

缺乏、安全感/ 2022年07月12日 06:22/ 0 赞/ 333 阅读

相关 IE兼容H5和CSS3方法

1：加载兼容文件JS 因为IE8既不支持HTML5也不支持CSS3 Media，所以我们需要加载两个JS文件，来保证我们的代码实现兼容效果： <!--\[if lt I

偏执的太偏执、/ 2022年05月23日 06:59/ 0 赞/ 200 阅读

相关解决IE兼容H5的问题

Html5提供的一些新多媒体标签（header,article,aside,section,nav,figure,menu,footer）使用起来非常的方便，但是低版本的IE浏

清疚/ 2022年05月11日 04:42/ 0 赞/ 350 阅读

相关 (十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法

简单方法： IE6,IE7,IE8,FF的兼容方法(2) 浏览器兼容代码：浏览器符号 IE6 IE7 IE8 FF \ !important \_ \\9 \html \+

分手后的思念是犯贱/ 2022年03月16日 14:54/ 0 赞/ 334 阅读

相关关于IE7 IE8兼容HTML5和CSS3的一种解决方案 (转）

转载至:http://blog.csdn.net/ixr\_wang/article/details/7055227 1、添加到head里 <!--[if IE 7

╰+哭是因爲堅強的太久メ/ 2021年12月22日 09:15/ 0 赞/ 196 阅读

相关 ie6,ie7,ie8 css bug汇总以及兼容解决方法

1：li边距“无故”增加　　任何事情都是有原因的，li边距也不例外。　　先描述一下具体状况：有些时候li边距会突然增加很多，值也不固定（只在IE6/IE7有这种现象）

Love The Way You Lie/ 2021年12月13日 20:21/ 0 赞/ 387 阅读