ie兼容总结
1、页面必须编写规范
- doctype 必须申明,否则会让浏览器出现怪异模式呈现,我记得一次是页面没有写doctype,样式的继承也会有问题,明明body里面写了字体样式12px,页面table的字体都不继承,最终渲染成浏览器自己的默认字体样式16px
- 样式跟样式放在一起,script则放在后面
2、页面需要添加
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
大致意思是谷歌对ie做的兼容
3、引入以下的js文件
<script> var ie_script=function(src){ return "<script type="text/javascript" src=""+src+""></script>"; }; if(!document.addEventListener){ document.write(ie_script('http://192.168.77.28:8089/EMS/shanlv/IE8/es5/es5-shim.min.js')); document.write(ie_script('http://192.168.77.28:8089/EMS/shanlv/IE8/html5/dist/html5shiv.min.js')); document.write(ie_script('http://192.168.77.28:8089/EMS/shanlv/IE8/Respond/dest/respond.min.js')); document.write(ie_script('http://192.168.77.28:8089/EMS/shanlv/IE8/pie/PIE.js')); } </script>
如果是bootstrap 页面在写栅格的时候必须写完整,特别是col-xs-3,不写的会出现换行,宽度不一致,因为ie会默认按照窄屏的方式渲染