兼容性问题 - 编程之家

如何解决兼容性问题

我正在建立一个新手网站。

当我使用 ms-edge 91.0.864.67 X64 测试/检查它时，我遇到了兼容性问题：

> 'content-type' header charset value should be 'utf-8'. Affected
> resources "Content-Type: text/css"

我阅读并尝试将 @charset "UTF-8"; 放在每个 CSS（甚至引导程序）的顶部，但没有成功。当我在 chrome 或 firefox 中进行相同的测试/检查时，没有错误。

您能解释一下是什么问题以及如何解决吗？

解决方法

因此，根据我从您的问题中收集到的信息，浏览器似乎无法在您的 HTML 中检测到您的 charset 元标记，这会导致您的 CSS 出现问题。

这是我一直使用的样板。也许尝试将其粘贴进去，看看问题是否是拼写错误或类似的小问题。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>Document</title>
</head>

另外请查看Stack Overflow Guidelines和Minimum Reproducible Example outline?

我能说的最好的方法是尝试不同的浏览器。