实时服务器（vs 代码）扩展扩展整个网页

Question

我一直在使用实时服务器来查看我的页面，后来当我为我的项目启动后端时，我开始使用 xampp，但是我设计的所有前端都相对于实时服务器扩展扩展了我的整个网站（我不知道是什么问题，我是新手），当我使用 xampp 运行服务器时，我可以看到巨大的差异。

Mypage 在 vscode 中使用 Live 服务器扩展

我的页面使用 xampp 服务器或直接点击项目文件夹中的 html

请帮忙，被这个问题困扰了一段时间

Answer 1

您的真实网络浏览器或 inside-vscode-webbrowser 似乎设置为不同的缩放级别。

在查看您的网站时（在 2 个浏览器中的任何一个中），尝试按 CTRL-0 将缩放重置为正常。

Answer 2

如果您注意到，每次打开 VS Code 并启动 Live Server 时，系统都会询问您要从项目文件夹加载哪个文件。例如，如果您有一个 main.html 和一个 style.css 文件，一旦 Live Server 稳定下来，您将被询问加载这两个文件中的哪一个。通常最好关闭并重新连接扩展程序，再次选择将加载哪个文件。尝试直接为后端选择 xaamp 文件，它应该同时加载 main.html 和 xaamp。如果它不起作用，请尝试针对您的问题阅读以下内容：https://github.com/ritwickdey/vscode-live-server/issues/137