我正在移动网站上工作。我们有两个移动优化页面。其余的页面应该是加载适合屏幕的桌面页面。这个棘手的部分是我们顶部有一个动态jQuery菜单栏，当窗口大小缩小时，菜单栏缩小以适应页面，最终如果窗口太小，它会将所有菜单选项折叠成aa单个菜单按钮。
我被告知要更改此设置，以便此菜单按钮仅显示在移动优化的两个页面上，并显示所有其他页面的桌面页面（不带菜单按钮）。为此，我想要使用<meta name="viewport" content="initial-scale=.xx">，我将根据CSS媒体查询更改xx的值。我遇到的问题是meta标记是html，媒体查询是CSS。所以我实际上无法根据媒体查询更改初始比例。有办法解决这个问题吗？
有没有更好的方法去做我想做的事情？
非常感谢任何帮助。