如何使用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

尝试这个：

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

来源