Getskel.com - Firefox mobile이 모바일로 템플릿을 인식하지 못합니다.

Question

응답 프레임 워크로 Getskel.com을 사용하고 있습니다. 안드로이드의 파이어 폭스 모바일을 제외한 모든 장치와 모든 브라우저에서 완벽하게 작동합니다. ADP.exe를 사용하여 디버깅했습니다. 템플릿이 모바일 대신 데스크톱으로 인식되었습니다. 이것은 내 skel입니다 .init :

skel.init({ 
    reset: 'full', 
    breakpoints: { 
     'global': { range: '*', href: '/templates/responsivegs/css/style.css' }, 
     'desktop': { range: '737-', href: '/templates/responsivegs/css/style-desktop.css', containers: 1200, grid: { gutters: 25 } }, 
     '1000px': { range: '737-1200', href: '/templates/responsivegs/css/style-1000px.css', containers: 1000, grid: { gutters: 20 }, viewport: { width: 1080 } }, 
     'mobile': { range: '-736', href: '/templates/responsivegs/css/style-mobile.css', containers: '100%!', grid: { collapse: true, gutters: 20 }, viewport: { scalable: false } } 
    }, 

아무도 같은 문제가 있었나요?

Answer 1

예 저도 같은 문제를 가지고 나는 내가 해결 방법을 찾을

 // Global. 
      global: { 
       href: 'css/style.css', 
       containers: 1400, 
       grid: { 
        gutters: ['2em', 0] 
       } 
      }, 

     // XLarge. 
      xlarge: { 
       media: '(max-width: 1680px)', 
       href: 'css/style-xlarge.css', 
       containers: 1200 
      }, 

     // Large. 
      large: { 
       media: '(max-width: 1280px)', 
       href: 'css/style-large.css', 
       containers: 960, 
       grid: { 
        gutters: ['1.5em', 0] 
       }, 
       viewport: { 
        scalable: false 
       } 
      }, 

     // Medium. 
      medium: { 
       media: '(max-width: 980px)', 
       href: 'css/style-medium.css', 
       containers: '90%', 
       grid: { 
        zoom: 2 
       } 
      }, 

     // Small. 
      small: { 
       media: '(max-width: 736px)', 
       href: 'css/style-small.css', 
       containers: '90%', 
       grid: { 
        zoom: 3, 
        gutters: ['1.25em', 0] 
       } 
      }, 

     // XSmall. 
      xsmall: { 
       media: '(max-width: 480px)', 
       href: 'css/style-xsmall.css', 
       grid: { 
        zoom: 4 
       } 
      } 

Answer 2

에 skel.js 미디어 인식의 최신 버전에 chaged되는 것으로 나타났습니다!

'1000px': { range: '737-1200', href: '/templates/responsivegs/css/style-1000px.css', containers: 1000, grid: { gutters: 20 }, viewport: { width: 1080 } }, 

에서 :

'1000px': { range: '(min-width: 737px) and (max-width: 1200px)', href: '/templates/responsivegs/css/style-1000px.css', containers: 1000, grid: { gutters: 20 }, viewport: { width: 1080 } }, 

이이 생각은

시도가 변경 skel.js의 이전 버전의 버그