IE兼容H5和CSS3方法

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），若是有的用户电脑里面装了这个chrome的插件，就可让电脑里面的IE无论是哪一个版本的均可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过若是用户没装这个插件，那这段代码就会让IE以最高的文档模式展示效果。这段代码我仍是建议大家用上，不过不用也是能够的。