网站在“使用实时服务器打开”（vs 代码）上看起来不错，但浏览器中没有加载 CSS

Question

我的网站在 VS Code 上使用“使用实时服务器打开”查看时看起来不错，但在浏览器中看起来很糟糕（没有加载 CSS）。 到底是怎么回事？

我已经：

1）清除我的缓存

2) 检查了我的 CSS 的所有链接

3) 检查我的 div 和类等等

重要提示：我正在使用 Skeleton CSS cdn 并链接到我自己的一小部分自定义 css (style.css)。

为了上帝的爱，请帮助我。

Answer 1

如果您可以提及您尝试过的浏览器，甚至尝试不同的浏览器——如果可能的话，只是为了看看行为是否相同，这可能会有所帮助。

Answer 2

检查您是否正在加载混合内容，（SSL 页面的非 SSL 内容）

本文解释了混合内容问题。

当初始 HTML 通过安全的 HTTPS 连接加载，但其他资源（如图像、视频、样式表、脚本）通过不安全的 HTTP 连接加载时，会出现混合内容。 这称为混合内容，因为正在加载 HTTP 和 HTTPS 内容以显示同一页面，并且初始请求通过 HTTPS 是安全的。 现代浏览器会显示有关此类内容的警告，以向用户表明此页面包含不安全资源。

https://developers.google.com/web/fundamentals/security/prevent-mixed-content/what-is-mixed-content

Answer 3

我有一个同样的错误。 我使用 chrome 设计我的网站并缩小了屏幕尺寸，因此当我运行 vs code live 服务器时，该网站看起来不错，但屏幕尺寸为 75%，但当我通过文件夹打开时，它看起来很糟糕。 文本和图像被打乱，但屏幕尺寸为 100%（实际尺寸）。 因此，只需在制作网站之前配置屏幕尺寸即可。