jquery - 如何在用户单击链接时将页面重置为初始比例?

标签 jquery asp.net-mvc-3 html mobile jquery-mobile

我有如下元标记:

当您访问该站点时,它会将其加载到初始比例 0.3,然后用户摄像头缩放到最大 2 并缩小到初始比例 0.3。这些都按预期工作正常。我遇到的唯一问题是,当您放大当前页面并单击当前页面的链接转到另一个页面时,新页面显示为放大。如何在每次通话时将页面设置为初始比例?

此外,如果您在地址栏中键入 url,则页面会显示为初始比例。只有当您单击链接或从菜单栏转到时,您才会缩放 ghen 下一页显示为缩放。

最佳答案

我已经通过首先在网站头部的 scale meta 中添加一个 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 上运行不佳。也许有人可以提供进一步的反馈。

关于jquery - 如何在用户单击链接时将页面重置为初始比例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10702835/

相关文章:

jquery - 如何在 jQuery 中定位较早的非同级元素?

c# - 我应该通过 RedirectToAction 还是 TempData 传递值?

javascript - 将 JS 变量传递给 getElementById

javascript - 浏览器如何识别html中的angularjs标签?

php - 单击链接提交表单并发送到多个电子邮件 ID

jquery - 除非手动更改浏览器窗口大小,否则内容为何不垂直居中?

javascript - 将 JSON 字符串存储在输入字段值中

javascript - 如何在使用 JavaScript 或 jquery 上传之前预览图像?

c - .Net 项目的版本控制

javascript - 使用 toastr.js 时 toastr 未定义