如何在移动设备上启用网站的捏合缩放功能？

Question

我想在我的网站上启用双指缩放功能。我尝试通过设置类似于此的meta viewport来启用缩放，但没有成功。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0, minimum-scale=1, user-scalable=yes"/>

有什么想法可以解释为什么在iPad和iPhone上无法对我的网站进行缩放吗？

- hjuster

---

我在某个地方读到，将minimum-scale设置为0可以解决问题，但对我没有任何作用... - hjuster

默认情况下不是会自动缩放吗？没有视口吗？或者您不希望页面在首次加载时进行缩放，因此使用视口？ - Henrik Ammer

我想以1.0缩放级别加载页面，并且只能进行缩放，但是无论是否使用元标记都无法实现。有什么想法可以解决这个问题吗？ - hjuster

我会将它作为答案添加进去，这样你就可以稍后关闭问题了。 - Henrik Ammer

不好意思，我没有任何iOS设备，但它可以在我的Android手机浏览器上运行。你试过用只有文本和上述meta标签的简单测试页面来测试它是否在iPad和iPhone上工作吗？如果是这样，那么很可能是你的JavaScript代码（比如移动鼠标和背景的脚本）中有一些东西阻止了他们的触摸事件。尝试捕获触摸事件，参见https://dev59.com/fm445IYBdhLWcg3wpb8P#4755579获取帮助。 - Henrik Ammer

Answer 1

这可能有点晚了，因为它已经在大约一年前得到了回答... 尽管我在我的IOS应用程序的HTML页面上尝试了您的元标记，但这些标记实际上并没有让我缩小页面，并且几乎不允许我放大页面。当我放大时，它会恢复到原始大小。

现在，通过使用以下这些元标记，我能够完全缩小和“大幅度”地放大，并且可以保持页面的缩放：

<meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes"/>

- Ilan Kleiman

---

如果你能称其为“答案”的话，那么你的应该被接受。 - Antony D'Andrea

仍然有用，而且这有效。 - Shiba Das

谢谢。它在我的网站上的安卓手机上运行良好。 - Fred

当使用 initial-scale=1 时，我无法缩小视图。这个问题的答案在这里：https://dev59.com/E6nka4cB1Zd3GeqPTsv9#49309287 - Avatar