PinchZoom.js与iOS设备上的Owl Carousel不兼容

Question

因此，我一直在重新思考我遇到的这个问题。我已将问题确定为与PinchZoom.js v2.3.4不兼容的Owl Carousel v2.2.1插件。

我还使用了最新版本的Owl Carousel v2.3.4，显然PinchZoom.js完全无法正常工作，因此我不得不使用较早版本的Owl Carousel来实现所需的功能。

问题是，在具有用于图像的“猫头鹰轮播”滑块的页面上，PinchZoom.js在Android和桌面设备上可以正常工作，但是当我使用iOS设备（iPad或iPhone）时，放大该图像时图像就会模糊页。其他页面没有在其上定义Owl Carousel插件的PinchZoom效果很好。

至？？看到？？一种？？生活？？w？o？r？k？i？n？g？？现场？，？？参考？？至？？t？h？e？？以下？：？

http://epaperbeta2.eenadu.net/Home/索引

在iPhone或iPad上，单击底部的“广告”容器将其隐藏，然后选择“日期” 1st Nov 2019。现在，当您双击第一页进行缩放时，您会发现缩放时模糊了。现在，当您转到下一页进行缩放时，您会注意到图像没有模糊并且无法正确显示。

不仅双击缩放，而且iOS设备上的双指缩放也不适用于使用Owl Carousel初始化的页面。

有谁知道为什么PinchZoom.js与iOS设备上的Owl Carousel不兼容。

任何帮助将不胜感激。

更新：这仍然是一个问题。我什至尝试使用另一个名为Slick的滑块，但问题仍然存在。我什至尝试更改css滑块和整个页面的样式，但是没有运气。

在PinchZoom中，有一个名为的选项use2d可正确处理未使用Owl Carousel初始化的页面，但是一旦使用Owl Carousel或Slick初始化的页面将立即失效。我相信这与插件的translate和scale属性有关。也许一些矛盾的变化导致了这一点，但是为什么只在iOS设备上呢？

有什么帮助吗？

Answer 1

确保您在用于桌面和 Android 的浏览器上检查 iOS 设备，这看起来像是 css 兼容性（浏览器支持）问题。

如果它在 Chrome 中工作正常，请在所有必需的设备中安装 chrome 并尝试一下。

注意：- PinchZoom 是在 Vanilla JS 上编写的，而 owl carousel 是在 jquery 上编写的，因此 JS 冲突的可能性非常小，因为它也可以在桌面上运行。

检查浏览器支持情况

https://caniuse.com/#search=scale

https://caniuse.com/#search=translate

// Below code will only work on chrome.  
  yourdiv {
   transform: translate(50px, 100px);
   transform: scale(2, 3);
  }

您的链接无法访问 - http://epaperbeta2.eenadu.net/Home/Index