Question

上下文

这是一个Web和Cordova应用程序（相同的代码库），显示带有0-3图片和0-1视频的轮播。

此应用程序是使用ExtJS开发的，我使用Ext.carousel xtype显示我的轮播。

我接受香草溶液。

我的视口：

width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no

预期行为

我想在图片上启用缩放功能，但只能在图片上使用与Android图片库最接近的渲染。

我找到了一个“解决方案”，其中包括当我使用以下方式打开全屏轮播时更新视口的情况：

width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1, user-scalable=yes

当用户关闭它们时，我将视口重置为默认值。

但是这种解决方案对我而言并不干净，因为首先，我必须重写Ext.carousel的本机代码，以授权左右“触摸幻灯片”移动到缩放后的图片中，因为如果没有此操作，它只能滑动到下一张或上一张图片。

然后它破坏了我的传送带，因为当缩放图像时，可以在两个图像之间移动。

1-JQuery Mobile Pinch Zoom Image Only。但是只允许“ 缩放”，而不能进入缩放的图像。