为什么我的媒体查询在 codepen 中有效，但在 vs code 中无效？

Question

我尝试将媒体查询添加到我的 vs 代码项目中，只是为了检查它是否正常工作，我喜欢对更改背景颜色进行小检查。 由于某种原因，它在 vs 代码中不起作用，每当我在静态页面上单击检查并降低宽度时，背景颜色都不会改变。

然后我进入代码笔并用相同的代码在那里尝试它，它在那里工作正常。 会是什么呢？ 这是一个vs问题还是我在代码中做错了什么？

 * { margin: 0; padding: 0; list-style: none; text-decoration: none; box-sizing: border-box; } body { background-color: #2f2f2f; } @media (min-width: 300px) and (max-width: 768px) { body { background-color: yellow; } }

 <meta name=”viewport” content=”width=device-width”>

Answer 1

正如 Quentin 所指出的，我已经确认，引号与元标记混淆了。 它应该如下所示：

<meta name="viewport" content="width=device-width" />

但是在粘贴代码时，VS 代码会自动更正此（不正确）：

<meta name="”viewport”" content="”width" ="device-width”" />

希望这可以帮助！