百度浏览器保存的html文件样式丢失主因是file://协议限制：禁用跨源请求、不识别mime类型、无法解析深层相对路径（如../css/style.css），导致css/js/字体加载失败；应改用本地http服务（如npx http-server）或选择“网页，全部”保存格式。
百度浏览器保存的HTML文件再次打开时样式丢失，是因为它默认用file://协议直接加载本地文件，而该协议禁用跨源请求、不识别CSS/JS的MIME类型、无法解析相对路径中的上级目录（如../css/style.css），导致外部资源全部加载失败。
确认是否为file://协议引发的问题
双击打开保存的HTML文件后，在浏览器地址栏查看开头是否为file:///D:/xxx/index.html。如果是，就已落入协议限制陷阱——此时控制台（F12→Console）大概率出现net::ERR_FILE_NOT_FOUND报错，且所有link、script、img标签的href/src路径即使“看起来正确”，实际也无法加载。
这一步必须先验证，否则后续所有修改都是徒劳。
修复CSS路径与资源引用
用文本编辑器（如VS Code或Notepad++）打开该HTML文件，检查所有和<script>标签：</script>
① 找到类似的行，确认css/style.css这个路径在你保存的文件夹中真实存在；若实际是./assets/css/main.css，则必须同步改过来。
② 删除所有向上跳级过深的路径，例如href="../../../lib/reset.css"——file://下多数浏览器会直接拒绝加载三级及以上的..路径，改成扁平结构：把reset.css复制到同级css/目录下，再改为href="css/reset.css"。
③ 检查CSS内部是否含@import或url()引用了其他文件，比如@import url("../fonts/icon.woff2")，这类字体文件在file://下几乎必然被拦截；临时方案是注释掉该行，或改用Google Fonts等在线字体链接。
绕过file://限制的两种实操方案
方法一：用本地HTTP服务启动（推荐）
打开命令行（Windows PowerShell或Mac终端），cd进入HTML文件所在文件夹，运行：【npx http-server -o】（需提前安装Node.js）。浏览器会自动打开http://127.0.0.1:8080/index.html，此时所有相对路径、字体、fetch请求全部恢复正常。
方法二：改用“全部网页”保存格式
下次保存时，不要选“网页，仅HTML”，而要选“网页，全部”——这样会生成一个HTML文件+同名文件夹（含css、js、images等），双击HTML仍走file://，但因资源全在本地同层或子层，无跨目录问题，成功率大幅提升。注意：不要对“全部网页”保存后的HTML再另存为MHTML，那样会触发另一类CSS解析失效（需手动修源码）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
