Question

我有一个简单的html页面

<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Firefox title</title>
    <link rel="stylesheet" type="test/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
    <link rel="stylesheet" type="test/css" href="static/music/style.css">
</head>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="http://127.0.0.1:8000/music/">Viberr</a>
        </div>
    </div>
</nav>


<h3>Here are all my albums:</h3>
<ul>

    <li><a href="http://127.0.0.1:8000/music/1">Master of puppets - Metallica</a></li>

    <li><a href="http://127.0.0.1:8000/music/2">Black album - Metallica</a></li>

</ul>


</body></html>

问题是firefox没有加载css样式。它适用于铬。我尝试在两个不同的PC上运行此页面，结果相同。为什么firefox没有加载样式？

您可以查看页面here

Answer 1

出现了一些问题： 1）错字在这里文字没有文字：而不是：

<link rel="stylesheet" type="test/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

它应该：

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

另一个错字：

使用：

<link rel="stylesheet" type="text/css" href="static/music/style.css">

重要信息type="text/css"已弃用，因此您不需要它。

这也不正确：

我希望有所帮助。

Answer 2

从两个链接中删除type属性，它现在应该可以正常工作。

样式没有在Firefox中加载

2 个答案: