2011-12-05 110 views
-1

試圖讓網站使用Adapt.js自適應CSS來渲染不同的css。網站使用php和960網格。我只是在測試時纔開始使用標題。得到我的JS和CSS在正確的地方。 這是在我的本地PC上進行開發 - 而不是在實時服務器上。
這是我的標題中的adapt.js代碼。不知道路徑是否正確,請告知。我有一個名爲mysite.local的虛擬主機設置,它指向我的路徑中顯示的htdocs文件夾。謝謝!Adapt.js路徑不能正常工作

<script type="text/javascript"> 
    // Edit to suit your needs. 
    var ADAPT_CONFIG = { 
    // Where is your CSS? 
    path: 'c:/dev/sites/mysite/htdocs/css/adapt/', 

    // false = Only run once, when page first loads. 
    // true = Change on window resize and page tilt. 
    dynamic: true, 

    // First range entry is the minimum. 
    // Last range entry is the maximum. 
    // Separate ranges by "to" keyword. 
    range: [ 
    '0px to 760px = mobile.min.css', 
    '760px to 980px = 720.css', 
    '980px to 1280px = 960.css', 
    '1280px to 1600px = 1200.css', 
    '1600px to 1920px = 1560.css', 
    '1940px to 2540px = 1920.css', 
    '2540px   = 2520.css' 
] 
}; 
</script> 

回答

2

雖然我沒有使用Adapt.js。

但我認爲ADAPT_CONFIG中的路徑不能是系統路徑。

它必須是網絡路徑。如「/ static/css」,「assets/css /'

+1

我同意。根據顯示的代碼,路徑必須是'/ css/adapt /' – caligari

0

您應該使用相對路徑。對c:\的引用無效。即使您將file:///添加到您的路徑中,也不會工作,因爲它是對客戶端計算機的引用。

實施例:

var ADAPT_CONFIG = { 
    path: 'Stylesheets/', 
    dynamic: true, 
    range: ['0px to 760px = mobile.css', 
      '760px to 980px = 720.css', 
      '980px to 1280px = 960.css', 
      '1280px   = 1200.css'] 
};