css - 我的响应式在本地工作，但在服务器上却不行

Question

我在一个网站实习，这个网站实际上受通行证保护，所以我不能给你链接...

无论如何，我会问这个问题，如果您需要一些代码，我可以给它。

因此，有一个针对移动设备的响应式设计，购买了创 build 计/CSS 的外部方。当我使用 wampServer 时，响应工作正常，并且我在 firefox 上使用 ctrl+maj+m 调整了页面大小。

实际的问题是，当我将相同的页面放在服务器上时，响应式不再起作用...在 Firefox 和手机上。

我不明白这怎么可能，所以也许有人遇到了同样的问题并且有一些提示？

谢谢

编辑:有一个页面仍然在线，但我真的不明白为什么，它的代码与其他页面完全相同......“响应代码”包含在每页顶部也有页脚(但这一页位于页面末尾)。只是每页的正文都会发生变化。

编辑编辑:

这是示例代码。 header.php , head.php , mainmenu.php .

主编辑的编辑:

感谢阿卜杜勒-拉菲谢赫。

好吧，所有的 css 都在 import <link rel="stylesheet" href="assets/css/zz-all.css" type="text/css" /> 中导入了.在 head.php 中调用。这条路很好，事实上它在一个页面上工作，而不是在其他页面上工作。我想我必须逐行检查所有代码，以找到可能是一个导入问题，或者类似的问题。

谢谢你的帮助:)

Answer 1

好吧，我认为您正在使用的响应式模板可能使用了 javascript 来实际制作断点，正如您告诉我们的那样，当部署在真实服务器上时可以正常工作的页面在页脚中具有响应式 css。所以我的解决方案是将所有页面的 css 放在页脚中，或者检查是否有任何 js 实际上正在设置断点并将 CSS 放在该 javascript 之后。

第二件事是路径，也许您的具有响应代码的 CSS 的路径定义在 localhost/之前或类似的东西检查。

第三，如果没有使您的网站响应的 javascript 并且其唯一的 CSS 将您的响应 CSS 导入主样式表

在你的主样式表中

@import url("responsive.css");

只是为了确保在加载主样式表时加载响应式样式表。

我希望这能解决问题