移动设备 - 覆盖视口比例设置以实现缩放/平移媒体查看器？

Question

我有一个带有固定标题的响应式布局。通过视口元标记启用缩放（缩放）时，布局可能会在用户缩放时中断，因为标题也会缩放 - 这是不好的。 （我希望无论当前的比例设置是什么，我都可以保持标头就位而不缩放）。无论如何，这就是我使用以下禁用缩放的元标记的原因：

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

我的目标是实现像Facebook这样的某种媒体查看器，它会覆盖文档的视口设置。关闭后，它应该恢复正常。我尝试打开一个加载可以扩展的文档的iframe，但似乎父文档会覆盖iframe。

仅供参考，我正在使用jquery。

Answer 1

刚刚发现使用jQuery可以做到这一点：

var meta = $('meta[name=viewport]');
$(meta).attr('content', 'device-width, initial-scale=1, maximum-scale=5');

我可以得到更多的幻想......比如首先获取原始设置然后在完成后恢复它。我在iOS 6上测试了这个并且它可以工作。我没有在其他设备上测试它。