1. 程式人生 > >ios10 禁止使用者縮放失效

ios10 禁止使用者縮放失效

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
目前ios10上使用者仍然可進行縮放,
這是IOS10的一個新特性。無解的。以下是蘋果官網的摘錄
To improve accessibility on websites in Safari, users can now pinch-to-zoom even when a website sets user-scalable=no in the viewport.
為了提高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)        }