2013-10-27 54 views
3

我試圖從http://html5up.net適應一些模板來使用Flask。靜態HTML頁面加載罰款的目錄結構加載css樣式表內<noscript>標籤Flask

/website 
    /css 
    /js 
    /images 
    index.html 

但對瓶它必須是

/website 
    /templates 
     index.html 
    /static 
     /css 
     /js 
     /images 

的JavaScript和圖像文件之前添加/static正常工作,並且他們預期顯示。但是,到css文件的鏈接位於<noscript>標籤內,我無法獲取主html頁面來查找它們。我試過絕對和相對尋址,並將樣式表移動到目錄結構中的不同位置,但沒有運氣。我只是得到一個沒有CSS風格的醜陋頁面。

如果我刪除了標籤,那麼它可以正常加載桌面使用,但當用平板電腦或手機查看時,頁面不再適應。

從原來的標題是摘錄:

<head> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/config.js"></script> 
    <noscript> 
     <link rel="stylesheet" href="css/skel-noscript.css" /> 
     <link rel="stylesheet" href="css/style.css" /> 
     <link rel="stylesheet" href="css/style-desktop.css" /> 
    </noscript> 
    <!--[if lte IE 9]><link rel="stylesheet" href="css/ie9.css" /><![endif]--> 
    <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]--> 
</head> 

而我預期的那樣工作,但不

<head> 
    <script src="/static/js/jquery.min.js"></script> 
    <script src="/static/js/config.js"></script> 
    <noscript> 
     <link rel="stylesheet" href="css/skel-noscript.css" /> 
     <link rel="stylesheet" href="/static/css/style.css" /> 
     <link rel="stylesheet" href="/static/css/style-desktop.css" /> 
    </noscript> 
    <!--[if lte IE 9]><link rel="stylesheet" href="/static/css/ie9.css" /><![endif]--> 
    <!--[if lte IE 8]><script src="/static/js/html5shiv.js"></script><![endif]--> 
</head> 

CNC中

config.js的內容

window._skel_config = { 
    preset: 'standard', 
    prefix: 'css/style', 
    resetCSS: true, 
    breakpoints: { 
     '1000px': { 
      grid: { 
       gutters: 25 
      } 
     } 
    } 
}; 

window._skel_panels_config = { 
    preset: 'standard' 
}; 
+0

NoScript的標籤。這聽起來像JavaScript是包括CSS文件和noscript標記在那裏包括CSS文件,以防JS被禁用。檢查config.js以查看它是否對CSS做任何事情。 – RoryKoehein

+0

感謝您的評論 - 我已經添加了配置文件的內容。我沒有看到任何因結構改變而破壞的東西。 – Sixhobbits

+4

您可能需要在config.js中將'prefix:'css/style''更改爲'prefix:'/ static/css/style'' – RoryKoehein

回答

-1
Try This: 

<head> 
     <script src="..\static/js/jquery.min.js"></script> 
     <script src="..\static/js/config.js"></script> 
     <noscript> 
      <link rel="stylesheet" href="..\css/skel-noscript.css" /> 
      <link rel="stylesheet" href="..\static/css/style.css" /> 
      <link rel="stylesheet" href="..\static/css/style-desktop.css" /> 
     </noscript> 
     <!--[if lte IE 9]><link rel="stylesheet" href="..\static/css/ie9.css" /><![endif]--> 
     <!--[if lte IE 8]><script src="..\static/js/html5shiv.js"></script><![endif]--> 
    </head> 
-1

我已經嘗試修改有關的內容config.js與此文件:僅當JS被禁止執行

window._skel_config = { 
    preset: 'standard', 
    prefix: 'http://website/static/css/style', 
    resetCSS: true 
}; 

window._skel_panels_config = { 
    preset: 'standard' 
};