html - 在 Mobile Safari/iOS/iPad 中控制捏缩放并将其隔离为一个元素

Question

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

Answer 1

我很确定你会这样做。
代码：
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}