关于bootstrap IE8的兼容性问题

时间:2022-11-04 20:34:05

非常久没有写技术类的文章了。这几天在用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要在同一域名下。于是把这个文件下载。放在同一域名下,问题最终得到解决。