为什么有些html页面在保存并脱机打开时会被扭曲？

Question

我正在尝试保存http://leetcode.com/网站的页面。我在预期的页面上做了Ctrl + S. 但是当我尝试在浏览器中打开保存的页面时，对齐方式发生了变化，并且在段落和标题之间的间距不再合适。为什么会这样？ 我尝试从很多其他网站保存很多页面，并没有遇到任何问题。 http://leetcode.com/网站中的内容是什么？

Answer 1

这是因为您没有下载所有网站的资源。您需要下载所有网站的CSS和Javascript文件。此外，如果该站点使用任何服务器端脚本，您将无法下载它，它也会导致问题。

当我保存您提到的网站并查看控制台时，它给了我：

Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/default.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/buddybar.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/auto.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss/_inc/css/custom.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/themes/buddyboss-child/_inc/css/custom.css
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/collapsing-archives/img/list-expand.gif
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/crayon-syntax-highlighter/js/fancybox/fancybox_sprite.png
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///C:/wp-content/plugins/crayon-syntax-highlighter/js/fancybox/fancybox_loading.gif

Answer 2

感谢Zuzlx。（阅读有关问题的评论）。 我们可以以.mht格式保存页面。保存为和，然后选择.mht而不是.htm。

.html文件中显示不正确的原因可能是因为我们无法下载所有文件。 （参见Dryden Long对这些文件的回答）。

Answer 3

尝试将其另存为.mht文件（IE和其他支持它的文件）。它将所有资源放在一个文件中