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]-->

如果有什么問題請留言,好吧我保證我不一定會回。

如果你發現我的方法有錯誤。那請你偷偷的告訴我,我保證不告訴別人是你說的。

至於為什么要滿足上面那些條件。我只能說我也不知道。我還在研究。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM