html5与flex流式布局与前端开发的兼容性问题
对于html5与css3属性:IE6/IE7/IE8浏览器不支持CSS3属性
对于flex流式布局:IE10以下的完全不兼容;flex

当然也有一些兼容性的处理,这个可以根据实际用户情况来决定!
以下是处理方法:
  1:加载兼容文件JS

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

  <!--[ifltIE9]>

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

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

  <![endif]-->

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

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

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

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

  太给力了。

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

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

  怎么这段代码后面加了一个chrome=1,这个GoogleChromeFrame(谷歌内嵌浏览器框架GCF),如果有的用户电脑里面装了这个chrome的插件,就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算,无比给力,不过如果用户没装这个插件,那这段代码就会让IE以最高的文档模式展现效果。