【问题标题】：Responsive web design is working on desktop but not on mobile device it wont load CSS and JavaScript响应式网页设计适用于桌面，但不适用于移动设备，它不会加载 CSS 和 JavaScript
【发布时间】：2018-11-11 03:11:15
【问题描述】：

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

请在桌面浏览器和移动浏览器中打开此链接，这样你就会得到正确的想法。

我已经尝试添加了

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

在标题中，但它不会修复。

【问题讨论】：

好吧。它也不会在桌面中添加css和js。
它也不会在桌面上加载 css。您将 localhost url 留在所有脚本和 css 链接标签上，这样您就可以在您使用的计算机上看到它。
请不要只添加链接添加一些代码
请阅读Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - 总结是这不是解决志愿者的理想方式，并且可能会适得其反。请不要将此添加到您的问题中。
值得一读：Something in my web site or project doesn't work. Can I just paste a link to it?.

标签： javascript html css mobile responsive-design

【解决方案1】：

打开控制台(F12)，你会看到你所有的资源都没有被加载。因为 URL 是从 localhost 设置的。现在一个一个地加载它们，你会很高兴的。确保这里没有错误。

【讨论】：

yaah..thanxx 很多兄弟...这是唯一的问题...但在我的电脑中它可以正常工作，因为 cookie...thanxx 又是很多
不客气。只是为了让你的概念清晰。在您的 PC 上它正在工作，因为文件在您的本地主机服务器中，但是当您转到其他 PC 时，在他们的本地主机环境中没有这样的文件。这是一个我猜每个 Web 开发人员都至少经历过一次的问题。 :)

【解决方案2】：

解决方案

您在 CSS 网址中使用了 http://localhost。请使用相对路径。

例如：

<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 访问该站点时就不行。

【讨论】：