2017-08-10 54 views
0

我剛剛推送了一個網站直播,它只加載「原始HTML」。我幾個小時都在解決這個問題,似乎無法解決原因。Index.html文件CSS加載錯誤

下面的代碼:

<!DOCTYPE html> 
<html lang="en"> 

<head> 
    <meta charset="utf-8"> 
    <link rel="icon" type="image/ico" href="http://www.example.com/favicon.ico"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 

    <title>Example</title> 

    <!-- Bootstrap Core CSS --> 
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 

    <!-- Theme CSS --> 
    <link href="css/freelancer.min.css" rel="stylesheet"> 

任何幫助將非常感激。

+0

你能澄清你的意思嗎?「只加載原始HTML」? – ifconfig

+0

分享您的文件夾結構以檢查文件路徑 –

+1

控制檯和網絡流量說明如何 – marcel

回答

-4
<!-- Bootstrap Core CSS --> 
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> 

<!-- Theme CSS --> 
<link href="css/freelancer.min.css" rel="stylesheet" type="text/css"> 

類型是必需的,請檢查類型。

+0

類型不是必需的。 – Jer

0

你做得對,問題在於CSS文件位於不同的文件夾中。這是一個明智的做法,包含了所有的CSS文件,像你的網站的根目錄下創建一個CSS文件夾:

enter image description here

然後你只需要稍微修改link元素頭:

<!-- Bootstrap Core CSS --> 
<link href="css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet"> 
<!-- Theme CSS --> 
<link href="css/freelancer.min.css" rel="stylesheet"> 

所以你可以繼續添加更多的CSS文件,如果需要的話。

我希望這有幫助!

0

請仔細檢查的位置,你的CSS

,如果你把它放在單獨的文件夾,您可能需要使用像這樣

<link rel="stylesheet" type="text/css" href="../min/freelancer.min.css"> 

如果只是在同一文件夾作爲指標。 HTML

<link rel="stylesheet" type="text/css" href="freelancer.min.css"> 

現在如果你把你一個單獨的文件夾index.html文件

<link rel="stylesheet" type="text/css" href="min/freelancer.min.css"> 

剛需注意,「../」讓你回到一個文件夾從指數的當前位置

0

問題解決了。我不得不把所有的文件合併到.index.html