IOS implementation method for prohibiting scaling of pages

IOS implementation method for prohibiting scaling of pages

Before ios10, we can set meta to prohibit users from zooming pages:

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

In the ios10 system, the meta setting has failed:

To improve the accessibility of websites in Safari, users can manually scale even if the website has user-scalable = no in the viewport.

Solution: Listen to events to block

=function () { 
    ('touchstart',function (event) { 
      if(>1){ 
        (); 
      } 
    }) 
    var lastTouchEnd=0; 
    ('touchend',function (event) { 
      var now=(new Date()).getTime(); 
      if(now-lastTouchEnd<=300){ 
        (); 
      } 
      lastTouchEnd=now; 
    },false) 
  } 

The above is how to implement the IOS prohibiting users from scaling pages. If you have any questions, please leave a message or go to the community of this site to communicate and discuss. Thank you for reading. I hope it can help you. Thank you for your support for this site!