-1

我添加了以下代码以启用我的 jquery 应用程序的缩放。

<meta name="viewport" content="user-scalable=yes" />

以下是我在正文中的代码：

<div id="header" data-theme="b" data-role="header">
      <h5>
            Book
      </h5>
</div>
<div data-role="content">
      <canvas id="myCanvas" width="300" height="400" style="border:1px solid #d3d3d3;">
</div>

放大画布图片后，我无法滑动查看画布的其他部分。此外，似乎标题“书”也被放大了。如何解决滑动并保持标题不变的问题，而不受到缩放效果的影响？

非常感谢

4

1 回答 1

0

这是默认的缩放行为。

要修改它，首先将视口更改为

<meta name="viewport" content="user-scalable=no" />

有了这个，用户不能缩放。

现在您必须使用 javascript 处理您想要的元素的缩放。您必须使用 css3 检测pinch gesture（有用于此的库，例如hammer.js），transform scale以根据手势使其更大 os 更小。并drag gesture用transform translate移动元素

或者你也可以试试iScroll，它有一个缩放选项，可以很好地捏/缩放/拖动

于 2013-03-27T10:24:05.413 回答