CSS 函数不会在 Google Chrome 上更新

Question

出于某种原因 CSS 上传到 FTP 后不会在我的域上更新，但会在 Microsoft Edge 等其他浏览器上更新。

它曾经在 chrome 上一直 100% 更新，但由于某种原因已经停止。正在寻找关于为什么会发生这种情况的情报？如果其他人遇到过这个问题？我该如何解决这个问题？

HTML 头

<head>
  <link rel="shortcut icon" type="image/png" href="images/favicon-real.png" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Kaushan+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Kaushan+Script&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+SC:wght@500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Thasadith:wght@700&display=swap" rel="stylesheet">
<title>Imanto Contact</title>
<link rel="stylesheet" href="main.css">
</head>

Answer 1

在大多数情况下，发生这种情况是因为 chrome 缓存了样式表。您可以尝试更改 html.

中的 link rel

<link rel="stylesheet" href="main.css?v=2">

（style.css 是您的样式表文件名）这将使所有浏览器从服务器加载您的样式表。您不必更改样式表文件名，只需更改上面一行。

如果这不起作用，请告诉我，我会再次检查。

Answer 2

您也可以按 ctrl+shift+r 硬重新加载的快捷方式。在这种情况下，每个 extern style/code 工作表都会重新加载。另一种方法是使用 f12 打开开发工具，然后长按重新加载按钮并单击硬重新加载或缓存重新加载。抱歉我的英语不好。

CSS 函数不会在 Google Chrome 上更新

CSS functions won’t update on Google Chrome

html

css

dns

google-chrome

web