我有缩放问题。我想阻止捏缩放HTML元素的移动Safari。我使用脚本来防止浏览器的默认行为,它正常工作正常捏,但当我开始用一根手指滚动,然后添加第二个和捏safari stil缩放页面...
有谁知道如何阻止这种缩放?
我正在使用画布创建移动游戏并使用HTML进行消息窗口,所以请不要写出因为可访问性原因而阻止缩放是一个坏主意。
防止缩放的代码:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="main-nav">
<div class="first">first
</div>
<div class="sec">sec
</div>
<div class="rd">rd
</div>
<div class="fth">fth
</div>
<div class="fvth">fvth
</div>
</div>
更新:
document.addEventListener("touchmove", function(event) {
event = event.originalEvent || event;
if(event.touches.length > 1 || event.scale > 1) {
event.preventDefault();
}
}, false);
此元标记不起作用,因为苹果自iOS 10以来在移动设备中禁用它,直至可访问性原因
答案 0 :(得分:0)
document.documentElement.addEventListener('touchmove', function (event) {
event.preventDefault();
}, false);