2011-12-05 3 views
-1

Adapt.js Adaptive CSS를 사용하여 다른 CSS로 렌더링 할 사이트를 얻으려고합니다. 사이트는 PHP와 960 그리드를 사용하고 있습니다. 테스트하는 동안에 만 헤더로 시작합니다. 내 JS와 CSS를 올바른 위치에 배치했습니다. 이것은 개발 용 로컬 PC에 있으며 라이브 서버에는 없습니다.
여기 내 adapt.js 코드가 헤더에 있습니다. 확실하지 않은 경로가 있으니 알려주세요. 내 경로에 표시된 htdocs 폴더를 가리키는 mysite.local이라는 가상 호스트 설정이 있습니다. 고맙습니다!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'] 
}; 
관련 문제