【问题标题】:Compatibility issue兼容性问题
【发布时间】:2021-07-21 03:35:06
【问题描述】:

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

当我使用 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 中进行相同的测试/检查时,没有错误。

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

【问题讨论】:

  • Content-Type 标头出现在来自使用 CSS 响应的服务器的 HTTP 响应中。它需要在 Web 服务器级别进行配置。

标签: html css google-chrome compatibility


【解决方案1】:

因此,根据我从您的问题中收集到的信息,浏览器似乎无法在您的 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 GuidelinesMinimum Reproducible Example outline?

【讨论】:

  • 谢谢,但结果相同。
【解决方案2】:

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

【讨论】:

  • 登录标题> <link rel="stylesheet" href="css/bootstrap.5.0.2.css"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <link rel="stylesheet" type="text/css" href="css/login.css">
  • 如果你不知道答案,在我看来,最好不要回答,而不是继续抛出半成品的猜测。特别是因为您在答案中添加的元标记与字符集或内容类型无关。
  • 我删除了&lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;,因为边缘说“不应指定'x-ua-compatible'元元素,因为它不需要。”
  • 我不确定。这段代码没有任何问题。我最好的答案是尝试不同的浏览器。
  • @MarejKorany 我说的是答案,而不是问题。 Stack Overflow 与其他网站不同,它有质量标准和执行这些标准的规则。请使用tour 并阅读help center 了解主题和How to Ask。对于答案,有How to Answer
猜你喜欢
  • 2016-08-28
  • 2014-02-12
  • 2011-10-04
  • 2013-03-28
  • 2019-10-03
  • 2018-06-02
  • 2012-03-28
  • 2017-03-31
相关资源
最近更新 更多