用户点击链接时如何将页面重置为初始比例?

时间:2012-05-22 13:17:28

标签: jquery asp.net-mvc-3 html5 mobile jquery-mobile

我的元标记如下:

当你去现场时,它将它加载到初始刻度0.3然后用户凸轮缩放到最大2&缩小到初始刻度0.3。这些都按预期工作正常。我唯一的问题是,当您放大当前页面并单击当前页面的链接转到另一个页面时,新页面将显示为放大。如何在每次通话时将页面设置为初始比例?

此外,如果您在地址栏中输入网址,则该网页会显示为初始比例。只有当您点击链接或从菜单栏&你有缩放,下一页显示为缩放。

1 个答案:

答案 0 :(得分:1)

我通过首先在网站头部的比例元数据中添加一个ID来解决问题:

<meta name="viewport" content="initial-scale=1.0, width=device-width"  id="scale1" />

然后我在链接上我希望缩放重置我添加:

$('#scale1').remove();
$('head').append('<meta name="viewport" content="initial-scale=1.0, width=device-width"  id="scale1" />');

它适用于Andriod,但不适用于iOS。也许有人可以提供进一步的反馈。