我的页面有三个单独的标签，点击后会更改显示的主要内容。这允许在不加载新页面的情况下更改内容。基本上我需要的是第二个标签是可扩展的，另外两个标签是不可扩展的。默认情况下，第一个选项卡已加载，因此我从这个元标记开始：
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,
maximum-scale=1.0, user-scalable=no" name="viewport">
单击第二个选项卡时，我将执行此jQuery代码：
$("meta[name='viewport']").attr('content', 'user-scalable=1.0');
然后点击第二个标签：
$("meta[name='viewport']").attr('content', 'width=device-width,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no');
但是，从第二个选项卡中单击时，它无法正确缩放。相反，它似乎停留在第二个选项卡所处的任何比例上，并且因为我不希望其他选项卡可扩展，所以这不起作用。
关于如何使页面变得可伸缩然后返回到不可扩展和初始缩放的任何想法？