时间戳

首页 > 解决方案 > 浏览器加载服务器上损坏的 CSS 版本，而不是原始 CSS

javascript - 浏览器加载服务器上损坏的 CSS 版本，而不是原始 CSS

问题描述

所以我正在建立一个网站并遇到问题。我只有 1 个 HTML 文件、1 个 CSS 文件和 1 个非常小的 javascript 文件。目录都是正确的，并且 CSS amd javascript 文件在 HTML 中正确链接，但问题是：

当我将文件放在服务器上并从我的域 (daveyloper.com) 打开网站时，网站全是 janky。Chrome 和 Firefox 上的开发工具显示 CSS 文件与我在服务器上看到的不同。例如，服务器上的 CSS 文件的行数比开发工具中的多。一些样式也被改变了，比如我的#logolink和#logoimg，以及.project-slides p。

我注意到的另一件事是，当我使用 filezilla 和 cpanel 在服务器上上传 HTML 和 CSS 文件时，文件的大小会发生变化，变得有点小。

此外，似乎问题主要与媒体查询有关，因为桌面视图中的大多数东西都可以正常工作，但在我使用媒体查询制作的移动视图中，一切都被破坏了。

所以这是我的问题：

  1. 为什么浏览器加载的 CSS 文件与服务器上的 CSS 文件不同？
  2. 为什么 CSS 文件可以从我的硬盘驱动器正确加载，但从服务器加载时会出现上述情况？
  3. 我能做些什么来解决这个问题吗？

我使用 infinityfree 进行托管，使用 filezilla 在其上加载文件，并使用 VSCode 作为我的 IDE。我在下面链接我当前的代码： https ://github.com/Lursmani/daveyloper.com

任何帮助，将不胜感激。对不起，如果那里的代码都是 jank，这是我第一次建立网站，我从头开始。

标签： javascripthtmlcssrenderinghosting

解决方案

我发现了问题。Cloudflare 昨天有一个网站的缓存版本，浏览器正在加载它而不是实时网站。我清除了 Cloudflare 的缓存，现在它似乎工作正常。谢谢您的帮助！

推荐阅读