關於bootstrap IE8的兼容性問題

非常久沒有寫技術類的文章了。這幾天在用bootstrap來做我們站點的UI框架，感覺還是不錯的。只是遇到一點不大不小的問題，那就是有朋友在IE8下訪問我們的站點。界面變成了跟手機瀏覽一樣的界面。

后來查了一下，原來bootstrap下對IE8及下面的iE瀏覽器都會有問題，百度了一下。得知了一些解決方法，大概就是用respond.js來解決，只是試了好幾次都沒有解決。后來就把getbootstrap.com/站點的首頁源代碼復制下來，看到他們的頁面在IE8下是正常的。他們是採取了這種解決的方法：

<!--[if lt IE 9]><script src="../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

我在本地調試了一下他們的界面。問題還是一樣。后來再去百度。發現原因是這個respond.js須要跟bootstrap要在同一域名下。於是把這個文件下載。放在同一域名下，問題最終得到解決。