respond.js 不起作用
在經過按照 https://github.com/scottjehl/Respond 的安裝引導安裝之后,發現它跟bootstrap合作很不愉快!根!本!不!起!作!用!於是研究了一下它demo文件。經過反復測試(折騰)之后發現這個玩意必須要起作用要滿足:
- 你得是在服務器環境下運行你的靜態頁面(別問我服務器環境是啥請自行腦補)
<link href="bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
這個玩意的 rel 屬性 必須是跟在 href 的后面,另外為了運行快推薦所有css的 rel都放在 href 的后面- 一定要注意把你的respond文件放在所有css的后面,要不然它就不好好給你干。
- 確保你的頁面沒有任何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]-->
如果有什么問題請留言,好吧我保證我不一定會回。
如果你發現我的方法有錯誤。那請你偷偷的告訴我,我保證不告訴別人是你說的。
至於為什么要滿足上面那些條件。我只能說我也不知道。我還在研究。