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