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)
  
  
  
  

   
           }