移动视口缩放

Question

我想让用户在点击图片时进行缩放，如果没有图像，我不想让他缩放。

// image function 
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes');

// no image function
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');

问题： 如果用户可以缩放，则无法恢复到NORMAL禁用缩放，因为无图像功能会禁用缩放但是缩放因子不会返回到正常视口。

因此，在无图像功能之后，可以进行缩放，但已经有缩放因子：/

您是否知道如何在无图像功能中缩放回普通视口？ 谢谢！

Answer 1

请勿更改视口。有一种更好的方法来实现同样的目标 - ＆gt; http://lab.hakim.se/zoom-js/

我敢肯定，如果你像这样使用视口，你会在大多数移动设备上遇到问题。