Chrome 无法正确加载 HTML 文件答案

【问题标题】：Chrome not loading HTML file properlyChrome 无法正确加载 HTML 文件
【发布时间】：2017-11-17 22:50:15
【问题描述】：

我正在学习使用 Lynda 教程构建 Web 应用程序。他们提供了一个示例应用程序，在他们的教程中加载到 Safari 时看起来像这样：

但是当我尝试打开同一个 html 文件时，它显示如下：（唯一的浏览器选项是 chrome，因为它说它是 Chrome HTML

我对 Web 开发非常陌生，我不确定是什么导致了这个问题。我已经禁用了我的 AdBlock。我使用的是 Windows 10，但本教程使用的是 Mac。

谢谢！！

【问题讨论】：

【解决方案1】：

您的样式表似乎没有加载，请确保您已在 head 的 link 元素中链接了正确的文件。

【讨论】：

【解决方案2】：

确保您的样式表链接正确。了解相对链接和绝对链接之间的区别。

广告屏蔽不会影响任何事情，并且您的操作系统不会对无法正确加载的网站产生如此大的影响。发布您的代码通常对我们有很大帮助！至少，您介意发布您的样式表链接，以便我们帮助您正确处理吗？

【讨论】：

【解决方案3】：

目前，我面临同样的问题。这里是快速解决方案，使用 Microsoft Visual Studio 代码编辑器并安装一个名为“Live Server”的插件。

我面临的是，如果我使用“实时服务器”打开 Html 文件，它正在工作，如果我直接在浏览器中打开它，则无法正确加载 CSS。

【讨论】：