天天看点

关于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要在同一域名下。于是把这个文件下载,放在同一域名下,问题终于得到解决。

继续阅读