我正在尝试创建一个 <div>带有内部元素的窗口可以在移动设备上滚动/缩放其内容，如下所示:
我希望能够做到以下几点:
- 在页面加载时:缩放
#scrollable_zoomable_background适合#window. - 为了能够使用两个手指手势进行缩放，使用 touchstart、touchend 滚动
- 页面的其余部分不得缩放，也不得水平滚动(使用
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/>) #window不能是 iframe，它必须是文档结构的一部分。
最佳答案
首先，您应该设置您的viewport 以禁用缩放页面给用户。然后你需要使用像hammer.js这样的触摸事件库.
这是标准视口(viewport):
<meta name="viewport" content="width=device-width, initial-scale=1">
看看 documentation锤子 - 你可以看到 pinch 识别器的例子 - 这正是你需要的!
关于javascript - 移动浏览器中的可缩放/可滚动 HTML "window"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32050180/