【发布时间】：2021-01-31 19:44:23
【问题描述】：
所以我正在建立一个网站并且遇到了问题。我只有 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 文件时，文件的大小会发生变化，变得有点小。
此外，问题似乎主要与媒体查询有关，因为桌面视图中的大多数东西都可以正常工作，但在我使用媒体查询制作的移动视图中，一切都被破坏了。
所以这是我的问题：
- 为什么浏览器加载的 CSS 文件与服务器上的 CSS 文件不同？
- 为什么 CSS 文件可以从我的硬盘正确加载，但从服务器加载时会出现上述情况？
- 我能做些什么来解决这个问题吗？
我使用 infinityfree 进行托管，使用 filezilla 在其上加载文件，并使用 VSCode 作为我的 IDE。我在下面链接我当前的代码： https://github.com/Lursmani/daveyloper.com
任何帮助将不胜感激。对不起，如果那里的代码都是 jank，这是我第一次建立网站，我从头开始。
【问题讨论】：
-
您有缓存问题吗？您的浏览器是否选择了仍在其缓存中的旧版本？
标签： javascript html css rendering hosting