Javascript html元标记的媒体查询

我在一个移动网站上工作。我们有两个网页是移动优化。其余的页面应该是桌面页面，加载时适合屏幕。最棘手的是，我们在顶部有一个动态jQuery菜单栏，随着窗口宽度的缩小，菜单栏会缩小以适应页面，最终如果窗口太小，它会将所有菜单选项折叠成一个菜单按钮

我被告知要改变这一点，这样这个菜单按钮只出现在两个移动优化的页面上，并显示所有其他页面的桌面页面（没有菜单按钮）。要做到这一点，我想使用

，在这里我将根据CSS媒体查询更改xx的值。我遇到的问题是

meta

标记是html，而媒体查询是CSS。因此，我实际上无法更改基于媒体查询的初始比例。有办法解决这个问题吗

有没有更好的方法来做我想做的事

---

任何帮助都将不胜感激。

使用jq在body较小时向body添加一个类，然后您可以在任何地方为任何css规则添加前缀，例如：“body.small”，以便仅在视口较小时应用它们。为什么要使用

初始缩放

？只需使用CSS媒体查询显示和隐藏菜单。这就是响应式网页设计。