ie8兼容總結

ie兼容總結

一、頁面必須編寫規範

• 　　doctype 必須申明，不然會讓瀏覽器出現怪異模式呈現，我記得一次是頁面沒有寫doctype，樣式的繼承也會有問題，明明body裏面寫了字體樣式12px，頁面table的字體都不繼承，最終渲染成瀏覽器本身的默認字體樣式16px
• 　　樣式跟樣式放在一塊兒，script則放在後面

二、頁面須要添加

 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

         大體意思是谷歌對ie作的兼容

三、引入如下的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會默認按照窄屏的方式渲染