时间戳

首页 > 解决方案 > Visual Studio Code：“使用 Live Server 打开”和“使用默认浏览器打开”显示不同的网页

html - Visual Studio Code：“使用 Live Server 打开”和“使用默认浏览器打开”显示不同的网页

问题描述

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

我使用“Live Server”看到的

使用默认浏览器（chrome）打开它时看到的内容

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

标签： htmlcssvisual-studio-code

解决方案

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

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

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

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

推荐阅读