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

Question

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

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}