CSS文件在打开我的网站时无法加载。

Question

CSS文件在打开我的网站时无法加载。

htmlcssweb

3

我在本地测试过，它可以正常工作，但是当我将其上传到我的Web托管时，一些CSS代码没有完全加载，只有其中的一些代码被加载。发生了什么，请帮帮我。我已经检查了路径。谢谢 :)

这是来自主机的内容：

这是来自本地文件的内容：

this is from the local file. all the thing is already done, just need to upload


<html lang="id">
    <head>
        <title>Weebs Desu! official discord website</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <link rel="stylesheet" href="style.css" />
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />```

- donowhattosay

欢迎来到 SO。请澄清哪些内容未显示。 - ewokx

你是否将 style.css 上传到与此文件相同的文件夹中？ - Moe

是的，我把style.css上传到同一个文件夹中。 - donowhattosay

哪些CSS元素没有正常工作？ - Moe

3个回答

1

你需要提供更多数据以给我们一些线索，但这里有一件事情。可能是因为你的CSS版本在托管中还没有更新。你已经更改了CSS代码，但结果仍然与以前相同。解决方法是你可以在style.css后面添加一些“v?=1.10”。所以结果将是“style.css?v=1.10”，这样浏览器就不会加载旧版本的CSS。数字“?v=1.01”可以是任何数字，只要比以前大（它的作用类似于补丁）。

- nabil arta

你好，抱歉，但它起作用了！！非常感谢。顺便问一下，?v=1.10 像我的代码版本一样起作用了吗？ - donowhattosay

很高兴它能够工作！不，你基本上可以放任何数字在那里，只要它与之前的版本不同即可。新的CSS无法加载是因为浏览器中的cookie或类似的东西。尝试使用另一个浏览器，你就可以继续了。 - nabil arta

1

这与cookie无关，这是浏览器的默认缓存机制。它通过仅加载新资源来节省带宽。除非您告诉浏览器这样做（例如使用此技巧），否则它已经获取的所有内容都不会自动重新下载。 - cloned

0

如果在本地工作正常，但在您的 Web 主机上不起作用，则您的 style.css 文件名大小写可能与您在 <link> 标记中的不匹配。

例如，<link rel="stylesheet" href="style.css" /> 应该意味着您的文件名大小写也应该是 style.css。而不是 Style.css。

另外，没有提供实时示例也很难调试！

- Justin Punzalan

我回答时它还没有更新，糟糕！很高兴你解决了它。这很棘手，因为我还不能在问题上发表评论。 - Justin Punzalan

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- felix mutai · Accepted Answer

我的网页没有加载任何CSS文件和JS文件，我使用Chrome开发者工具来排查和了解问题出在哪里。请查看下面的图片

后来我意识到在'css'和'js'文件夹中缺少了名为'styles.css'和'scripts.js'的文件。

始终要将本地文件与上传的文件进行对比。可能会有缺失的文件。