首页 > TAG信息列表 > lastTouchEnd
阻止手指缩放手机浏览器页面
# 首先在html的head头部加： ```<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">```听说iOS 10 开始，meta 设置在 Safari 内无效了，在 iOS 的其他浏览器上也会相应出现无法禁止缩放的情况出现。禁止手机端浏览器双击放大功能
记录一下啊 今天客户提要求 手机浏览器打开网页时要禁止双击放大页面（Google）！！！ 然后在网上找到了很多 但都没有效果，比如： <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <meta name="viewport" content="width=关于h5页面禁止缩放
以前的做法都是直接在head中添加一个meta标签就可以控制 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> 可以这个标签在ios10以后就没有用了，于是网上找了好多资料，才看到 window.onload移动端阻止浏览器页面缩放（safari也好使）
移动端阻止浏览器页面缩放（safari也好使） window.onload = function() { // 阻止双击放大 var lastTouchEnd = 0; document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault();