iOS Safari - 禁用缩放以缩放选项

我遇到缩放问题。我想阻止捏放大在HTML元素的移动Safari。我使用脚本来防止浏览器的默认行为，它正常工作正常pinching，但当我开始用一根手指滚动，然后添加秒和捏safari stil缩小页...iOS Safari - 禁用缩放以缩放选项

有没有人有任何想法如何可以我阻止这个缩放？

我使用画布创建手机游戏，并将HTML用于消息窗口，所以请不要写出禁止缩放以实现可访问性原因是一个坏主意。

代码，以防止变焦：

document.addEventListener("touchmove", function(event) { 
    event = event.originalEvent || event; 

    if(event.touches.length > 1 || event.scale > 1) { 
    event.preventDefault(); 
    } 
}, false);

UPDATE：

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

这个元标记不起作用，因为苹果在移动Safari浏览器禁用它，因为iOS的10到无障碍原因

来源

2017-08-25 Paweł Gawlas

你有东西，如'用户可扩展= no'在元视口的命令？ –

苹果因为辅助功能的原因在iOS 10中禁用了user-scalable = no –

我不知道。抱歉。不过谢谢你提到这个。 –

你可以测试它吗？

document.documentElement.addEventListener('touchmove', function (event) { 
    event.preventDefault(); 
}, false);

来源

2017-08-25 10:23:40

你可以测试它吗？（'touchmove'，function（event）{ event.preventDefault（）; }，false）;}};}}};}}}。 –

此代码工作，但也阻止滚动，在我的消息窗口有时我有滚动内容，所以这种解决方案对我来说并不好 –

iOS Safari - 禁用缩放以缩放选项

回答

相关问题