搞前端以來一直沒有遇到過比較大的相容問題，在上個星期開發乙個用bootstrap的**時終於遇到了/(ㄒoㄒ)/~~特此記錄一下
這次的專案**採用bootstrap作為樣式庫，因為開發前沒有先仔細了解bootstrap對瀏覽器的支援，導致到了測試階段才發現這個框架居然是不支援ie678的。這裡需要自我反省下，也提醒像我一樣的新手們。還好，bootstrap在國內已經有很多前輩們使用過，有了相容的方法。
首先，對於ie8其實是支援的，只是還有一些css3屬性和html5元素不被支援，因此只需要配合 response.js （就可以完美展現了，respond.js 是用於支援**查詢的檔案。另外，respond.js 要和需要進行**查詢的檔案放在同一域中。不然cdn部署的需要更改一些選項，這裡官網也有給出說明。
然後，就是引入 html5.js 使得一些不支援html5標籤的瀏覽器可以支援html5。
總結一下，要想相容ie其實很簡單，只需要在head標籤中加入以下這段**就可以了
本文參考了
IE6,7下的那些坑
lang en charset utf 8 title type text css warp box style head class warp class box div div body html 在ie6 ie7,ie8,chrome,firefox顯示效果 當使box元素為浮動元素時 box...
IE6 7下如何實現inline block
ie6，ie7的haslayout屬性是個讓人頭疼的問題。在做導航條的時候，一般會用到ul li結構，大多數時候我們是把li設定為浮動，讓其併排顯示在同一行。還有一種方法就是設定li為display inline 這樣可以達到同樣的效果，但是問題是inline元素的特性 預設無法設定寬度，高度，以及...
ie6 7新聞列表錯位
想要的效果 常規 div class box h2 a href 黨建動態 a h2 ul li a href 關於積極申報海淀區文明單位的通知 a span 2015 05 11 span li li a href 關於積極申報海淀區文明單位的通知 a span 2015 05 11 span l...