对于初入职场小白的我，前端在工做中不可避免的要与各类浏览器打交道，下面是我在工做中遇到的问题总结（作个记录）。css
1.关于flex布局；前端
flex布局的强大毋庸置疑，不管是pc端仍是手机移动端对它的支持都很是安美，可是（可是来了，说明仍是有限制滴！），flex对于其余内核的浏览器貌似还能够，恰恰对ie情有独钟：对于ie10如下都不可用，所以，考虑兼容ie的同窗不要错过了。web
关于为何只对ie10以上兼容的问题能够在百度上搜一下，我就不在这里赘述了，我要提的是如何解决不支持flex布局页面错乱的问题；方法有两种：1、对css样式加内核前缀（什么？你不知道有哪些前缀，-webkit- 、-o-、-ms-、-moz-、分别是-chrome/safari 、 Opera、IE、firefox）这样处理起来我的感受比较麻烦，所以我花了一段时间找第二种方法：添加mate标签=><meta http-equiv="X-UA-Compatible" content="IE=edge">,这个标签让IE各个版本的浏览器都统一将版本提高到最新，从而让低版本强制用最新版本渲染.....（做为职场小白，不是太明白前辈们为神魔把quirks模式叫作怪异模式，怪异模式和非怪异模式的区别有哪些？但愿路过的大神指点迷津！）chrome
2.关于<meta http-equiv="X-UA-Compatible" content="IE=edge">浏览器
这个标签的做用始于IE8重构时，当时的状况比较复杂，兼容问题比较突出，所以开发者造了这个标签（估计当时的开发IE的人头发估计都薅光了）。布局
下面最重要的时刻到了！以上内容均属本人臆造，想了解更多的同窗请点击连接：http://zccst.iteye.com/blog/2162187，这位大神说的比较详细。flex