jquery - 使用 phonegap 构建放大 android 应用程序

Question

我正在使用 jQuery Mobile 和 Phonegap 构建一个 Android 应用程序，我希望用户能够放大和缩小页面以更详细地查看图像。我试过搜索这个问题，但给出的答案都不适合我，所以我非常感谢任何帮助。这是我在页面顶部的内容：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

有什么办法可以改变这个让用户能够放大和缩小？

score 0 · Accepted Answer

无法使用 PhoneGap Build 在 Android 上启用缩放 - 请参阅我关于在 Phonegap Android 应用程序中启用视口捏合缩放对如何在桌面 PhoneGap 中执行此操作没有影响的答案。

score 0 · Accepted Answer

默认情况下，缩放是禁用的，因为以下元标记由 jQuery Mobile 动态注入到您的文档中：

为这个元标记写出的实际 @content 值由 $.mobile.metaViewportContent 属性控制。它的默认值为：

    metaViewportContent: "width=device-width, minimum-scale=1, maximum-scale=1"

如果要恢复缩放功能，则必须覆盖指定的比例值，以便最大比例大于最小值，或者从 metaViewportContent 中删除比例属性以获得默认行为。

要设置该属性，您必须绑定到 mobileinit 事件，以便您可以根据自己的喜好设置该属性。就像是：

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width, minimum-scale=1,
       maximum-scale=2";
});

或删除比例值：

$(document).bind("mobileinit", function(){
      $.mobile.metaViewportContent = "width=device-width";
});

2 回答 2