對於初入職場小白的我，前端在工做中不可避免的要與各類瀏覽器打交道，下面是我在工做中遇到的問題總結（作個記錄）。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