您现在的位置:首页 >> 前端 >> 内容

Safari中双指放大缩小问题解决方案

时间:2018/2/5 11:18:47 点击:

  核心提示:Safari 中双指放大缩小问题问题描述为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。解决方案监听事件来阻止window.onl...

Safari 中双指放大缩小问题

问题描述

为了提高Safari中网站的辅助功能,即使网站在视口中设置了user-scalable = no,用户也可以手动缩放。

解决方案

监听事件来阻止

window.onload=function () {  
    document.addEventListener('touchstart',function (event) {  
        if(event.touches.length>1){  
            event.preventDefault();  
        }  
    })  
    var lastTouchEnd=0;  
    document.addEventListener('touchend',function (event) {  
        var now=(new Date()).getTime();  
        if(now-lastTouchEnd<=300){  
            event.preventDefault();  
        }  
        lastTouchEnd=now;  
    },false)  
}  

淘宝的解决方案也是如此 ;但是并不能很好的解决;

Tags:SA AF FA AR 
作者:网络 来源:FE-阿阳的博客