ie8兼容总结

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会默认按照窄屏的方式渲染

 

转载于:https://www.cnblogs.com/pengfei25/p/9776850.html

相关资源：javascript的IE和Firefox兼容性汇编