respond.js 在IE8不起作用

respond.js 不起作用

在经过按照 https://github.com/scottjehl/Respond 的安装引导安装之后,发现它跟bootstrap合作很不愉快!根!本!不!起!作!用!于是研究了一下它demo文件。经过反复测试(折腾)之后发现这个玩意必须要起作用要满足:

  1. 你得是在服务器环境下运行你的静态页面(别问我服务器环境是啥请自行脑补)
  2. <link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 这个玩意的 rel 属性 必须是跟在 href 的后面,另外为了运行快推荐所有css的 rel都放在 href 的后面
  3. 一定要注意把你的respond文件放在所有css的后面,要不然它就不好好给你干。
  4. 确保你的页面没有任何js错误

以上是respond.js 与 bootstrap 友好工作的必要不充分条件。另外推荐几个东西也许你就用上了呢。

<!--[if !IE]><!--><script src="jquery/dist/jquery.min.js"></script><!--<![endif]-->
<!--除了IE 引用新版jquery-->
  <!--[if gt IE 8]
    <script src="jquery/dist/jquery.min.js"></script>-->
    <!--IE 8 以上都用新版jquery-->
    
    <!--下面是IE 9 一下都用老jquery 并加载我们正在关注的 respond.js-->
  <!--[if lt IE 9]>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

如果有什么问题请留言,好吧我保证我不一定会回。

如果你发现我的方法有错误。那请你偷偷的告诉我,我保证不告诉别人是你说的。

至于为什么要满足上面那些条件。我只能说我也不知道。我还在研究。

posted on 2016-07-28 17:48  Vitalitycn  阅读(3900)  评论(0编辑  收藏  举报

导航