Javascript @媒体查询在桌面浏览器中工作，而不是在移动浏览器中

我最近更新了我的手机，使其便于移动。在我的笔记本电脑上，当我实际将浏览器窗口变小或变大时，@media查询启动并更改CSS。然而，在我实际的移动浏览器上，我得到了桌面站点。有人能告诉我发生了什么事吗？

包括在

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

而且它会起作用

您应该在您的网页中添加

以便虚拟视口与设备尺寸匹配。

将Meta标签添加到网站的头部部分。您需要将元标记放置在头部其他元标记的下方或标题标记的上方

如果没有视口元标记，您的站点将渲染到设备的默认虚拟视口中

---

此元标记告诉移动设备不要缩放。这允许在脚本中加载移动设备的响应模板。

您是否包含meta-tag@stanze I-Have。我应该把它放在哪里？对不起，我对那个标签不太了解。我试过了，但还是不起作用。我是不是应该把标签放在我想在手机上以不同方式呈现的每个页面标题中？@ShubhangDesai不，你应该把标签放在主页标题标签中。