【问题标题】:css file won't load when opening my website打开我的网站时不会加载css文件
【发布时间】:2020-09-15 13:36:18
【问题描述】:

我在本地对其进行了测试并且可以正常工作,但是当我将其上传到我的网络主机时,某些 css 代码没有完全加载,只有其中的一些代码被加载。发生了什么,我需要帮助。我已经检查了路径。

谢谢你:)

这是来自主机

这是来自本地文件


<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" />```


【问题讨论】:

  • 欢迎来到 SO。请澄清未显示的内容。
  • 您是否将style.css 上传到与此文件相同的文件夹中?
  • 是的,我在同一个文件夹中上传 style.css
  • 哪些 CSS 元素不能正常工作?

标签: html css web


【解决方案1】:

您需要提供更多数据才能给我们一些线索,但这里有一件事。

可能是因为您的 css 版本尚未在主机中更新。您已经更改了 css 代码,但结果仍然与以前相同。解决方案是您可以在style.css 后面添加一些v?=1.10

所以结果会是style.css?v=1.10,所以浏览器不会加载旧版本的css。

数字?v=1.01 可以是任意数字,只要大于之前的值即可(它的工作方式类似于补丁)。

【讨论】:

  • 你好对不起,但它有效!太感谢了。顺便说一句,?v=1.10 就像我自己的代码版本一样工作?
  • 很高兴它工作!不,你基本上可以把任何数字放在那里,只要它是从以前的版本改变的。新的 css 不会加载,因为浏览器中的 cookie 或类似的东西。换个浏览器试试就行了
  • 这与cookie无关,这是浏览器默认的缓存机制。它仅通过加载新资源来节省带宽。在它不会自动重新下载之前它已经获取的所有内容,除非你告诉浏览器这样做(就像这个技巧一样)
【解决方案2】:

如果它在本地工作,但不在您的网络主机上,您的 style.css 文件名大小写可能与您在 &lt;link&gt; 标记中的内容不匹配。

例如&lt;link rel="stylesheet" href="style.css" /&gt; 应该意味着您的文件名大小写也应该是style.css。不是Style.css

如果没有提供的实时示例,也很难调试!

【讨论】:

  • 我回答的时候还没有更新哎呀!很高兴你解决了。这很棘手,因为我还不能在这个问题上发布 cmets。
猜你喜欢
  • 2019-05-12
  • 1970-01-01
  • 2022-08-16
  • 1970-01-01
  • 2022-01-08
  • 1970-01-01
  • 2019-12-27
  • 2023-03-15
  • 1970-01-01
相关资源
最近更新 更多