2013-02-18 28 views
5

我已經使用Twitter Bootstrap框架構建了我的最新網站。我使用boostrap.responsive.css來使它在移動設備上工作。但事實並非如此。它似乎根本沒有看到CSS。當我在Android手機上運行它時,它像我的PC一樣顯示我的站點。但是當我在PC上調整我的瀏覽器窗口時,它的效果很好。可能是什麼問題?我沒有搞砸bootstrap的CSS。Twitter Bootstrap的響應式CSS可以在調整大小的窗口上工作,但不適用於手機

當我跑alert($(window).width());,它返回980

回答

12

確保包括中繼檢視點元素的指示在引導的responsive docs所以佈局將擴展到設備的寬度。

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
-1

您必須按照樣式表的順序在bootstrap.css後面調用bootstrap-responsive.css。

即 bootstrap.css 引導-responsive.css

相關問題