html - 为什么我的 CSS 在使用 xampp 的本地主机中无法正常工作,但在本地或从 Netlify 站点打开相同文件时工作正常?

标签 html css xampp

所以我一直在大学网站上工作,我开始学习 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 缓存,可以重新打开以加载新集。

或者,出于这个原因,一些代码编辑器有一个内置的网络服务器。我已经使用 Adob​​e 支架几年了,我很喜欢它。它使用内部节点服务器为页面提供服务,因此,他们将其设置为实时代码更新。对代码的更改会实时反射(reflect)出来,我发现这对我处理 UI 开发流程有很大帮​​助,避免了这样的问题,并且每次我进行更改时只节省了 3-5 秒的刷新时间(这在您制作时加起来) 5000 次更改我确定其他编辑也提供类似的东西。

关于html - 为什么我的 CSS 在使用 xampp 的本地主机中无法正常工作,但在本地或从 Netlify 站点打开相同文件时工作正常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57123664/

相关文章:

javascript - 如何获取浏览器执行javascript后的HTML代码?

html - 如何链接外部 css 来覆盖居中元素的引导 css?

macos - OSX 上的 XAMPP 和 MySQL 安装

mysql - 如何修复xampp控制面板mysql启动然后停止运行

php - html注册表单不将数据保存在mysql中

html - 背景颜色应用于 HTML/CSS 中的先前元素

javascript - 如何修复滞后的背景附件 :fixed in Safari?

javascript - 动态加载和播放 HTML5 视频

css - 两个 div(菜单和内容)彼此相邻,边距透明

javascript - 为图库创建图像模态