为什么我的 CSS 在 Web 服务器上的显示方式与在 localhost 上的显示方式不同？答案

【问题标题】：Why is my CSS differently displayed on a webserver than a localhost?为什么我的 CSS 在 Web 服务器上的显示方式与在 localhost 上的显示方式不同？
【发布时间】：2021-04-21 16:11:42
【问题描述】：

我已将我的网站上传到主机服务器 Combell。但是当我用我的域名访问我的网站时，我的 CSS 完全乱了套。尤其是宽度。当我使用扩展 Live Server 在本地运行我的网站时，我的网站看起来很完美，就像我想要的那样。有什么问题？以下是来自 combell 的主机服务器的一些屏幕。

以下是使用扩展实时服务器在我的计算机上的本地主机屏幕。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    
    <link rel="stylesheet" href="/CSS/index.css" />
    <script src="https://kit.fontawesome.com/670c71c898.js" crossorigin="anonymous"></script>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
   
    <title>Home</title>
  </head>

http://fayssal-ghojdam.be/

【问题讨论】：

请向我们展示您的代码（例如，如果您在本地主机中使用，那么在 linux 服务器中它将失败)
@KenLee 是的，我就是这么做的。我该怎么办？
谢谢。您也可以发布您的实际网址吗？
@KenLee 完成了。
您好，我刚刚查看了您的网站，如果浏览器设置为“缩放至“50%”应该没问题（查看fayssal-ghojdam.be）。因此，当您在 localhost 和服务器中查看站点时，请检查您的缩放设置是否不同。如果是这种情况，您需要进一步更改 CSS 以使文本不会重叠

标签： javascript html css visual-studio-code hosting

【解决方案1】：

请检查您的浏览器缩放设置。（如果你说缩放到 50% 似乎没问题）

为避免将来出现问题，请在您的帖子中查看我的 cmets。谢谢

【讨论】：

完成，但没有任何改变。
谢谢。你能发布你的实际网址吗？（您可以编辑您的帖子）
非常感谢。但是你能告诉我如何避免这种情况。因为不是每个人都会有缩小 50% 的反射。 x)