对于初入职场小白的我,前端在工作中不可避免的要与各种浏览器打交道,下面是我在工作中遇到的问题总结(做个记录)。
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,这位大神说的比较详细。