首页 > 代码库 > 关于bootstrap IE8的兼容性问题
关于bootstrap IE8的兼容性问题
很久没有写技术类的文章了,这几天在用bootstrap来做我们网站的UI框架,感觉还是不错的,不过遇到一点不大不小的问题,那就是有朋友在IE8下访问我们的网站,界面变成了跟手机浏览一样的界面。
后来查了一下,原来bootstrap下对IE8及以下的iE浏览器都会有问题,百度了一下,得知了一些解决方法,大概就是用respond.js来解决,不过试了好几次都没有解决。后来就把getbootstrap.com/网站的首页源码复制下来,看到他们的页面在IE8下是正常的,他们是采取了这样的解决办法:
<!--[if lt IE 9]><script src=http://www.mamicode.com/"../assets/js/ie8-responsive-file-warning.js"></script> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src=http://www.mamicode.com/"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>"line28"> <script src=http://www.mamicode.com/"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>"line29"><![endif]-->
我在本地调试了一下他们的界面,问题还是一样,后来再去百度,发现原因是这个respond.js需要跟bootstrap要在同一域名下。于是把这个文件下载,放在同一域名下,问题终于得到解决。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。