禁用在特定HTML小部件上缩放而不使用元标记

Question

我正在开发一个将部署在客户端移动网站上的HTML小部件。激活后，窗口小部件必须始终占据屏幕的100％。我遇到的问题是，由于用户可以缩放，窗口小部件并不总是100％的屏幕。我无法更改元标记（见下文）进行缩放，因为客户端允许在窗口小部件外部进行缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

我有一种感觉，我可能iFrame小部件内容，在那里设置元标记，并与网站的其余部分隔离，但我不确定这是否是最好的解决方案。

TL; DR：禁止放大特定HTML容器的最佳解决方案是什么？

Answer 1

您可以使用hammer.js来检测＆＃34;捏缩放＆＃34;手势，该库为您提供了一个非常详细的event.gesture对象，您可以使用它来检测用户缩放的速度/速度。连接hammer.js后，您可以使用以下命令禁用缩放：

behavior:
    contentZooming: "none"