Visual Studio 代码：“使用实时服务器打开”和“使用默认浏览器打开”显示不同的 web 页面

Question

我正在使用 Visual Studio Code 中的 Live Server 处理 html 文件。 完成后，当我用chrome打开它时，我发现所有元素都被放大了。 我发现“使用 Live Server 打开”和“使用默认浏览器打开”选项不显示相同的元素尺寸。

为什么会这样？ 有没有什么办法不用写就可以解决这个维度问题

Answer 1

这可以追溯到链接到文件（如 css、图像等）。
例如，我们检查 css 文件中的行为：

.navbar-brand {
    background: url('../images/logo.svg');
}

使用实时服务器时，一切都很好。 但默认浏览器（没有实时服务器）未找到 logo.svg 文件。

我认为你最好检查一下这个主题。

Answer 2

我认为您应该尝试从默认浏览器 chrome 重新加载文件，因为有时在 chrome 中会发生问题并且我们没有得到我们想要的。 我经历过很多次。 所以，我的建议是重新启动您的计算机或刷新网站