如何使用 JavaScript 设置移动 Safari 的缩放级别？

Question

如何使用 JavaScript 设置移动 Safari 的缩放级别？

Answer 1

[更新] 您似乎想在移动 Safari 中捕获双击。您可以通过处理 touchend 事件来做到这一点，或者使用可用的框架，例如 此网站。

看看修改后的演示：http://jsbin.com/atayo4/20

  <p id="tap">double tap to zoom</p>
  <input id="zoomWidth" type="text" value="400" />
  <p id="feedback"></p>

---

$(document).ready(function(){
  $('#tap').doubletap(
    // double tap handler
    function(e) {
      $('#feedback').addClass('red').html('double tap! Zoom width: ' + $('#zoomWidth').val());

      var zoomWidth = $('#zoomWidth').val();

      // zoom with the new width
      $('meta[name="viewport"]').attr('content', 'width=' + zoomWidth + ', user-scalable:no');

      $('#zoomWidth').val(parseInt(zoomWidth, 10) - 25);
    },

    // single tap handler
    function(e) {
      $('#feedback').removeClass('red').html('single tap! Zoom width: ' + $('#zoomWidth').val());
    },

    // double tap delay, default 500
    400
    );
});

Answer 2

据我所知，您可以通过更改 body 元素的样式“-webkit-text-size-adjust”来更改文本大小的缩放系数。

检查此链接以获取更多信息：

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html%23//apple_ref /doc/uid/TP30001266--webkit-text-size-调整

Answer 3

我尝试使用 JavaScript 操作元标记中的最小/最大比例和宽度，但没有成功。我不会尝试使用代码设置缩放级别（我认为这是不可能的），而是将在相对较大的图像之上创建小的隐形框。这将允许用户通过本机双击图像的有趣部分来放大（和缩小）。

Answer 4

试试这个：

<meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable:no;">

来源