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

Posted 2023-03-12

【中文标题】在 iPad1 和 ios5 问题上禁用保存图像弹出窗口

【英文标题】：Disable save image pop-up on iPad1 and ios5 issue

【发布时间】：2013-04-08 10:31:34

【问题描述】：

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

我在图片上实现了以下 CSS：

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

在 ios4 和 ios6 上运行的 ipad2 和 ipad3 上运行良好，但在运行在 ios5 上的 ipad1 上运行不正常。

很难相信 CSS 可以在 ios4 上运行，但不能在 ios5 上运行。我怀疑这是特定于设备的问题，但如果是，请告诉我。

谢谢！

【参考方案1】：

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

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