+js /** * Disable viewport zooming in iOS 10 safari * * @source http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari */ (function (){ //Disable pitch to zoom document.documentElement.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }, false); //Disab"/>
March 8, 2017 · HTML5

IOS 10+ prevent auto viewport resize in web

+html

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

+js

/**
 * Disable viewport zooming in iOS 10 safari
 *
 * @source http://stackoverflow.com/questions/37808180/disable-viewport-zooming-ios-10-safari
 */
(function (){
    //Disable pitch to zoom
    document.documentElement.addEventListener('touchstart', function (event) {
        if (event.touches.length > 1) {
            event.preventDefault();
        }
    }, false);
    //Disable double tap to zoom
    var lastTouchEnd = 0;
    document.documentElement.addEventListener('touchend', function (event) {
        var now = (new Date()).getTime();
        if (now - lastTouchEnd <= 300) {
            event.preventDefault();
        }
        lastTouchEnd = now;
    }, false);
})();