响应式网页设计正在桌面上工作，但在移动设备上则无法加载CSS和JavaScript

Question

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

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

我已经尝试添加

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

在标题中但不会修复。

Answer 1

解决方案

您在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访问该网站时使用。

Answer 2

打开控制台（F12），您将看到未加载所有资源。因为URL是从localhost设置的。现在逐个加载它们你会很高兴。确保此处没有错误。