bootstrap 界面开发利器
Feb 14
--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
分页: 1/1 第一页 1 最后页 [ 显示模式: 摘要 | 列表 ]