Question

我创建了一个简单的响应式网站，当浏览器从我的计算机上读取文件时，一切都运行良好但是当我把它放在我的服务器上时Mozilla没有加载CSS。它在Chrome和IE中加载很好。

以下是HTML代码：

<head>
    <meta charset="utf-8">
    <title>Mate Ajdukovic | Developer</title>
    <link rel="stylesheet" href="css\normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css\main.css">
    <link rel="stylesheet" href="css\responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

CSS（在main.css中）以：

开头

body {
    font-family: 'Open Sans', sans-serif;
 }

#wrapper {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 5%;
 }

编码有问题吗？我应该在main.css和responsive.css文件中添加什么内容吗？

我没有更改Mozilla中的任何设置，我的版本是31.0。

网站：http://test.mateajdukovic.com

谢谢！

Answer 1

错误是：

"NetworkError: 404 Not Found - http://test.mateajdukovic.com/css%5Cnormalize.css"
"NetworkError: 404 Not Found - http://test.mateajdukovic.com/css%5Cmain.css"
"NetworkError: 404 Not Found - http://test.mateajdukovic.com/css%5Cresponsive.css"

尝试将HTML中的\更改为/。

Answer 2

我不确定但是据我说你应该使用正斜杠。

instead of "\" use "/" in your path of hreg tag

即

使用它：

<meta charset="utf-8">
    <title>Mate Ajdukovic | Developer</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans:400italic,700italic,400,700,800' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

休息一切似乎都很好。

CSS没有在Firefox中加载？

2 个答案: