Kiểm soát việc thu phóng pinch và cách ly nó thành một phần tử trong Mobile Safari/iOS/iPad

Question

Có thẻ Safari hoặc HTML hoặc CSS trên thiết bị di động để hạn chế chạm và thu phóng chỉ với một phần tử trên trang không? Ví dụ: tôi muốn có thể phóng to và thu nhỏ hình ảnh hoặc phần tử div, nhưng có nhiều thành phần khác trên trang vẫn giữ nguyên cả hai vị trí và cùng kích thước. Điều này có lẽ sẽ hoạt động bằng cách hạn chế panning và cuộn qua thẻ meta khung nhìn, và sau đó nói rằng tôi có thể làm điều đó nhưng chỉ trên một phần tử cụ thể. Mọi sự trợ giúp sẽ rất được trân trọng.

Answer 1

Tôi chắc chắn rằng bạn sẽ thực hiện this.
Code:
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}