--begin by itlife365.com
使用respond.js文件解决 bootstrap IE8的兼容性问题分享
这几天用bootstrap来做网站fashionput.com的UI框架，总体来说感觉还是不错的，但是兼容性遇到一点不大不小的问题，那就是有朋友在IE8下访问我们的网站，界面变成了跟手机浏览一样的界面。
百思不得其解
后来百度了一下，原来bootstrap下对IE8及以下的iE浏览器都会有问题，得知了一些解决方法，大概就是用respond.js来解决，不过试了好几次都没有解决。后来参考人家getbootstrap.com/网站的首页源码复制下来，看到他们的页面在IE8下是正常的，他们是采取了这样的解决办法：
<!--[if lt IE 9]><script xsrc="../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 xsrc="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script xsrc="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
但是我在本地调试了一下他们的界面，问题还是一样，后来再去百度，发现原因是这个respond.js需要跟bootstrap要在同一域名下。
于是把这个文件下载，放在同一域名下，问题终于得到解决。
怎么下载文件呢？访问使用浏览器访问
getbootstrap.com/assets/js/ie8-responsive-file-warning.js
oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js
oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js
另存在你的本地或者服务器即可。特别注意：要在同一域名下
bootstrap-ie8-respond-js-e8-responsive-file-warning
itlife365.com
--end by itlife365.com
