我有一个使用d3-zoom的最有效的演示。
它在桌面浏览器中可以正常工作,但是我在移动设备上遇到了问题。
我正在Chrome的Pixel 2上进行测试。
在第一页加载时,只要保持手指触摸屏幕,我就可以将两个手指放在屏幕上并执行缩放,平移等操作。抬起手指并将其放回屏幕以执行其他手势后,缩放不再响应。
到目前为止,我已经尝试在meta标签:<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
中限制用户缩放,但这似乎没有什么不同。
这是一个jsfiddle:https://jsfiddle.net/eckmLJE/abp85uhe/
我想了解为什么触摸变焦第一次起作用,然后又停止起作用。感谢您的帮助!