控制捏缩放并将其隔离到Mobile Safari / iOS / iPad中的一个元素

Question

是否有移动Safari，HTML或CSS标记或属性来限制触摸缩放和平移到页面上的一个元素？例如，我希望能够放大和缩小图像或div元素，但页面上的各种其他元素保持原位和相同的大小。这可能通过限制平移和滚动浏览视口元标记，然后说我可以这样做但仅限于特定元素。任何帮助将不胜感激。

Answer 1

我很确定你会做this。
码：
HTML：

<div class="zoom">You can zoom here!</div>
<div class="nozoom">No zooming here!</div>

CSS：

.zoom{font-size: 36px; overflow: auto; height: 100px; width: 100px; border: 1px solid black}
.nozoom{font-size: 36px; overflow: hidden; height: 100; height: 100px; width: 100px; border: 1px solid black}