我試圖從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'
};
NoScript的標籤。這聽起來像JavaScript是包括CSS文件和noscript標記在那裏包括CSS文件,以防JS被禁用。檢查config.js以查看它是否對CSS做任何事情。 – RoryKoehein
感謝您的評論 - 我已經添加了配置文件的內容。我沒有看到任何因結構改變而破壞的東西。 – Sixhobbits
您可能需要在config.js中將'prefix:'css/style''更改爲'prefix:'/ static/css/style'' – RoryKoehein