Search code examples
htmlioswebsafari

Disable double tap zoom on Safari iOS 13 +


How can we disable "double tap to zoom" on Safari iOS 13+ mobile?

Sometimes it zooms, sometimes not. i feel it may only work on specific HTML-elements.

And i read that "double tap to zoom" should be disabled on iOS 13 by default and only pinch-zoom should work, but that's not the case.


Solution

  • You can add the below meta tag to stop zooming on ios devices.

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

    a css fix:

    body{
        touch-action: manipulation;
    }
    

    Hope is helps.