迁移到服务器后，媒体查询不起作用答案

【问题标题】：Media queries are not working after migration to server迁移到服务器后，媒体查询不起作用
【发布时间】：2021-02-19 05:19:59
【问题描述】：

我在 Github 存储库上的一个站点上工作，并将它实时发布在另一台服务器上，以便我可以使用 API 和数据库。在制作了 Github 文件的精确副本并将其放入新服务器后，媒体查询无法在我的桌面或移动设备上运行。然而，他们确实在 Github 上工作。

我已尝试清除两台设备上的缓存，然后，仅通过直接缩小（在我的计算机上）浏览器窗口而不检查工具来缩小缓存。如果我使用检查工具或使用我的手机，它根本没有响应。我还被告知，站点可能需要 24-72 小时才能完全迁移，但不知道这是否是问题，因为我在 21 年 2 月 14 日星期日晚上发布了它。我让其他人在他们的计算机上查看它，他们说它似乎是响应式的。

这是我发布的第一个网站，所以我还不知道来龙去脉。还能是什么？我会将链接发布到我的网站以及它在移动设备上的截图。

http://creativecog.design/

【问题讨论】：

标签： css responsive-design media-queries

【解决方案1】：

尝试将其添加到文档的开头

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

还有为什么你要设置两个 head 和两个 html 元素，因为这会导致你的问题

【讨论】：

元标记已经在头部。
为什么你的html中有一个嵌套的html，因为顶部没有这个meta标签，你的html中应该只有一个头部
我只有一个 head 标签，但我确实看到了和标签。当我使用 shift+!+tab 设置我的 html 文档时，我的文本编辑器会自动添加这两个标签。你会摆脱标签吗？
从您提供的链接中检查您的代码，我可以看到 2 个文档类型、2 个标题和 2 个 html 元素，因此您当前的布局顺序是 doctype->html->head->frameset->框架->doctype->html->head.在 chrome 中检查上面的链接，看看你是否可以复制它，因为这将 100% 成为你的问题
你说的很对。我的原始代码肯定没有，所以它一定与服务器向其中注入信息有关？非常感谢，这对我来说是一个全新的世界。嗯，从这里到哪里去。