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);
})();