Question

我已编写此代码以禁用放大或缩小：

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

除了最近的iphone （例如：iphone 6，iphone 7）之外，所有手机都能正常使用，此功能无效。我在哪里弄错了？

Answer 1

您的代码没有任何问题，只是IOS 10不支持

您可以找到更多here

Answer 2

我终于想出了如何在ios 10上防止它。
首先，我发现了一篇文章，其中说自从ios 10开始，使用viewport meta在safari中被忽略了; here's the link

然后，我发现解决方案是解决方法：

$(this).on('touchmove', function (event) {
    if (event.originalEvent.scale !== 1) {
        event.preventDefault();
        event.stopPropagation();
    }
});

注意：

event.preventDefault();应该在不使用event.stopPropagation();的情况下自行运行。我添加它只是为了确保其他元素不会受到限制。
我在ipad和iphone上测试过，效果很好。
我还将<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" >用于其他设备。

如何禁用放大移动响应？

2 个答案: