HTML页面本地打开无法加载CSS与Bootstrap，Live Server运行正常求助

核心原因 #

直接用本地文件（file://协议）打开时，浏览器会把以/开头的路径解析为磁盘根目录（比如你的C:\根目录），但你的appdata文件夹实际在项目目录里，所以找不到CSS文件。而VS Code的Live Server是HTTP服务器，会把你的项目根目录（C:\Users\MyPC\FixITSite）设为服务器根，此时/开头的路径指向项目根，自然能加载到文件。

针对性解决方案 #

根据你的文件路径C:\Users\MyPC\FixITSite\gradjevina\moler\marko-nikolic.html，分两种情况修正路径：

情况1：appdata在项目根目录（C:\Users\MyPC\FixITSite\appdata） #

把CSS路径改为向上两级的相对路径：

<link href="../../appdata/main.min.css" rel="stylesheet" />
<link rel="stylesheet" href="../../appdata/radnik.css" /> 

解释：../表示上一级目录，从moler文件夹往上走两级就到FixITSite，正好能找到根目录下的appdata。

情况2：appdata在moler文件夹内（C:\Users\MyPC\FixITSite\gradjevina\moler\appdata） #

如果你的./appdata路径没生效，先做这两步检查：

• 打开文件管理器确认moler文件夹下确实存在appdata，且里面有对应的CSS文件
• 清除浏览器缓存（Ctrl+Shift+R强制刷新），避免旧路径缓存导致加载失败

额外验证方法 #

打开浏览器开发者工具（按F12）切换到Network标签，刷新页面后看CSS文件的请求状态：

• 如果是404错误，鼠标悬停在请求的路径上，就能看到浏览器实际找的位置，对比你的真实文件位置调整路径即可。

内容的提问来源于stack exchange，提问作者Stefan