关于浏览器兼容

对于初入职场小白的我，前端在工作中不可避免的要与各种浏览器打交道，下面是我在工作中遇到的问题总结（做个记录）。

1.关于flex布局；

        flex布局的强大毋庸置疑，不论是pc端还是手机移动端对它的支持都非常安美，但是（但是来了，说明还是有限制滴！），flex对于其他内核的浏览器貌似还可以，偏偏对ie情有独钟：对于ie10以下都不可用，因此，考虑兼容ie的同学不要错过了。

      关于为什么只对ie10以上兼容的问题可以在百度上搜一下，我就不在这里赘述了，我要提的是如何解决不支持flex布局页面错乱的问题；方法有两种：一、对css样式加内核前缀（什么？你不知道有哪些前缀，-webkit-  、-o-、-ms-、-moz-、分别是-chrome/safari 、  Opera、IE、firefox）这样处理起来个人感觉比较麻烦，因此我花了一段时间找第二种方法：添加mate标签=><meta http-equiv="X-UA-Compatible" content="IE=edge">,这个标签让IE各个版本的浏览器都统一将版本提升到最新，从而让低版本强制用最新版本渲染.....（作为职场小白，不是太明白前辈们为神魔把quirks模式叫做怪异模式，怪异模式和非怪异模式的区别有哪些？希望路过的大神指点迷津！）

2.关于<meta http-equiv="X-UA-Compatible" content="IE=edge">

这个标签的作用始于IE8重构时，当时的情况比较复杂，兼容问题比较突出，因此开发者造了这个标签（估计当时的开发IE的人头发估计都薅光了）。

下面最重要的时刻到了！以上内容均属本人臆造，想了解更多的同学请点击链接：http://zccst.iteye.com/blog/2162187，这位大神说的比较详细。