相同的文件在服务器端和客户端 Html Php Css 上显示不同答案

【问题标题】：Same file is showing differently on server side and client side Html Php Css相同的文件在服务器端和客户端 Html Php Css 上显示不同
【发布时间】：2021-11-20 13:33:08
【问题描述】：

我遇到了一个令人惊讶的状态，因为我从未遇到过这种情况。

问题详情：

我有一个 html 代码。如果我保存它并将其加载为 file://~~/test.html 它会成功加载并提供所需的输出但是，如果我将相同的文件放在任何服务器中[使用 localhost + 00webhost + infinityfree] 它不会给我想要的输出 .然而，它是相同的文件，没有一英寸的差异

我在用什么：

Chrome 浏览器 -> 更新到最新版本

我尝试了什么：

我进行了彻底的搜索，但没有找到像我这样的匹配问题。

还尝试更改文件的各个方面，但实际上没有发生任何事情

注意：我包含 php 是因为我认为它的服务器端问题

html代码：test.html

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="utf-8">
    <title>Test Html</title>
</head>
<body>
    <a href="Home" class="btn">Home</a>
    <a href="Blog" class="btn">Blog</a>
    <a href="Help" class="btn">Help</a>
    <a href="About" class="btn">About Me!</a>
</body>
</html>

css 文件：style.css

.btn{
    text-decoration: none;
    background-color: #ff0000;
}

编辑：我 100% 确定文件在同一目录中，并且文件的代码没有差异

【问题讨论】：

你没有说如何这两者之间是不同的。缺少 CSS 吗？如果是这样，那么问题可能是因为您使用的是指向 CSS 的相对链接而不是完整的 URL 路径，或者您没有将 CSS 上传到预期的位置
@aynber 如果我使用本地文件，这两个文件在 chrome 中的文本没有英寸差异：//~~/test.html 文本具有红色背景且没有装饰，但如果我使用服务器没有出现背景色
你是换个浏览器试试还是清除浏览器缓存
您尝试解决什么问题？这和 PHP 有什么关系？
那么听起来你的 CSS 没有加载。打开浏览器的开发人员工具并检查“网络”选项卡以查看 CSS 是否正确加载或出现错误。

标签： php html css

【解决方案1】：

很可能您的 css 没有加载，因为您没有指定父路径等。 <link rel="stylesheet" type="text/css" href="style.css">

在您的网络控制台中，您很可能会看到 url 如何转换为网络服务器无法指定为文件的内容。

根据您的资产目录，您可以将 ./../ 放在您的链接元素上以使其工作

例如：

<link rel="stylesheet" type="text/css" href="../style.css">

【讨论】：