Disable zoom on websites for iOS 12+

Question

I am looking now for days for a working code to disable the iOS zoom for websites.

I also found this: disable viewport zooming iOS 10+ safari?

The fixes may work for iOS 10 but seems not to work for iOS 12. I already found a website where the zoom is disabled successfully but I am not able to find out how they have done it.

I know that Apple removed the possibility to disable the zoom via viewport-meta tag but there must be a workaround to disable it for a website.

For our website its essential that the zoom is disabled or that the zoom does not trigger a resize event. Any ideas how to solve this?

What I have tried already is e.g. to prevent touchmove / ontouchstart / gesturestart ... nothing of them worked.

Sorry @Animan - too much time is gone until then. I can not remember which site it was. — TJR, Apr 09 '19 at 19:56
Does this answer your question? [disable Double tap zoom/resize on safari IOS12\*\*\*](https://stackoverflow.com/questions/56024398/disable-double-tap-zoom-resize-on-safari-ios12) — Marco Marsala, Apr 22 '20 at 12:23

score 0 · Answer 1 · edited Jun 13 '19 at 11:41

0

Double tap zoom can be disabled by adding an empty click event listener on your elements.

Disabling pinch to zoom is a pain, you have to prevent touchstart event if event.touches > 1, but this only works when page is not momentum scrolling

See my answer.

edited Jun 13 '19 at 11:41

Mike Doe

16,349
11
65
88

answered Jun 13 '19 at 09:13

nicopowa

459
3
11

Disable zoom on websites for iOS 12+

1 Answers1