ios - 在 iPad1 和 ios5 问题上禁用保存图像弹出窗口

Question

我建立了一个移动网站，网站上有一个 javascript 游戏，需要用户点击并按住图像以摇动和动画。

我已经在图像上实现了以下 CSS:

-webkit-user-select:none;
-webkit-touch-callout:none;
pointer-events:none;

它在 ios4 和 ios6 上运行的 ipad2 和 ipad3 上运行良好，但在 ios5 上运行的 ipad1 上不起作用。

很难相信 CSS 在 ios4 上有效，但在 ios5 上无效。我怀疑这是设备特定的问题，但请告诉我是否是。

谢谢!

Answer 1

好的，这个问题实际上很容易解决。我的图像实际上是在一个 div 容器中。我已经指定了图像的宽度和高度，但它实际上并没有扩展 div 容器。因此，绑定(bind)到 div 的点击和按住事件不起作用。修复非常简单，我只是为 div 添加了高度和宽度。

这很有趣，因为在实现此修复之前，div 在 ios4 和 6 中不是问题。