Index.html文件CSS加载错误

我刚刚推送了一个网站直播，它只加载“原始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">

任何帮助将非常感激。

来源

2017-08-10 Luke Fitzpatrick

你能澄清你的意思吗？“只加载原始HTML”？ – ifconfig

分享您的文件夹结构以检查文件路径 –

控制台和网络流量说明如何 – 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">

类型是必需的，请检查类型。

来源

2017-08-10 06:27:11

类型不是必需的。 – Jer

你做得对，问题在于CSS文件位于不同的文件夹中。这是一个明智的做法，包含了所有的CSS文件，像你的网站的根目录下创建一个CSS文件夹：

然后你只需要稍微修改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文件，如果需要的话。

我希望这有帮助！

来源

2017-08-10 07:17:08 Tedds

请仔细检查的位置，你的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">

刚需注意，“../”让你回到一个文件夹从指数的当前位置

来源

2017-08-10 07:37:31

问题解决了。我不得不把所有的文件合并到.index.html

来源

2017-08-29 03:03:17

Index.html文件CSS加载错误

回答

相关问题