所以我一直在大学网站上工作,我开始学习 PHP,但为此我安装了 xampp 并尝试从本地主机访问该网站。
据我了解,HTML 文件和图像,甚至 CSS 中定义的(某些)图像正在加载,但整个 CSS 文件没有加载,例如 float 和 flexbox 以及一些填充、边框和不同类型的定位不起作用如预期。它肯定会找到 CSS 文件,所以我认为我的 <link>
没有问题。 <header>
中的标签.
HTML header :
<head>
<meta charset="utf-8">
<title>Home - akiro</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Merriweather&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
最佳答案
正如 Doc-Han 所说,这很可能是缓存问题,我认为我们大多数人在 UI 开发过程中都遇到过这个问题。
要解决这个问题,您可以做的一件事是在隐身窗口中打开并进行调试,该窗口不会缓存文件,如果确实发生 session 缓存,可以重新打开以加载新集。
或者,出于这个原因,一些代码编辑器有一个内置的网络服务器。我已经使用 Adobe 支架几年了,我很喜欢它。它使用内部节点服务器为页面提供服务,因此,他们将其设置为实时代码更新。对代码的更改会实时反射(reflect)出来,我发现这对我处理 UI 开发流程有很大帮助,避免了这样的问题,并且每次我进行更改时只节省了 3-5 秒的刷新时间(这在您制作时加起来) 5000 次更改我确定其他编辑也提供类似的东西。
关于html - 为什么我的 CSS 在使用 xampp 的本地主机中无法正常工作,但在本地或从 Netlify 站点打开相同文件时工作正常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57123664/