响应式web设计在桌面上工作，但在移动设备上不工作，因为它不会加载CSS和JavaScript

网站在桌面浏览器中正常运行，即使我调整了浏览器的大小，但当我在手机中打开它时，它似乎不会加载CSS和JS文件。我不知道为什么

请在桌面浏览器和手机浏览器中打开此链接，以便您了解正确的想法

我已经尝试添加

 <meta name="viewport" content="width=device-width, initial-scale=1">

在页眉中，但无法修复。

解决方案 您正在使用

http://localhost

在您的CSS URL中。请使用相对路径

例如：

<link rel="stylesheet" media="screen" href="http://localhost/cv/css/style.css"/>

改为：

<link rel="stylesheet" media="screen" href="/css/style.css"/>

请注意同时删除

/cv

部分，因为这似乎不正确

---

解释

http://localhost

指向您自己的本地服务器，因此它将在您的开发设备上工作，但在通过

http://yashnagariya.me

在任何其他设备上。

---

打开控制台（F12），您将看到没有加载所有资源。因为URL是从localhost设置的。现在把它们一个一个地装上，你就可以走了。确保此处没有错误。

好的。它不会在桌面上添加css和js，也不会在桌面上加载css。您将localhost url保留在所有脚本和css链接标签上，这样您就可以在正在使用的计算机上看到它。请不要只添加链接添加一些代码请阅读-总结是，这不是一种理想的方式来称呼志愿者，可能会对获得答案产生反作用。请不要将此添加到您的问题中。值得一读：。耶..thanxx很多兄弟…这是唯一的问题…但在我的电脑中，它可以正常工作，因为它是饼干…thanxx很多，欢迎您。为了让你的概念更清楚。在您的PC上，它可以工作，因为文件位于您的localhost服务器中，但当您转到其他PC时，它们的localhost环境中没有这样的文件。这是一个问题，我想每个web开发人员都至少经历过一次。：）