页面可视区控制

在html文件head标签内添加
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
控制初始可视区大小及是否允许用户放大缩小

/*禁止ios缩放，双击和双指*/
window.οnlοad = 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);
        document.addEventListener('gesturestart', function (event) {
            event.preventDefault();
        });
    };