How to disable double click zooming on iPad?

Question

When I double click somewhere on a hml page there is zooming effect on iPad appears.

How could I disable this behaviour?

Pixel92283 · Answer 1 · 2018-10-17T08:33:59.663

2

Have you tried setting the css property touch-action to none?

.disable-zoom {
    touch-action: none;
}

This disables all the actions on the screen. If you want to disable just the double tap and perform other actions like pinch to zoom etc. use the following

.disable-double-tap {
  touch-action: manipulate;
}

edited Oct 17 '18 at 08:33

answered Oct 17 '18 at 08:27

Pixel92283

51
6

thank you for a support. – Vladislav Makarov Oct 17 '18 at 09:19

score 1 · Accepted Answer · answered Oct 17 '18 at 08:27

1

All you have to do is add a meta tag in your html code:

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

answered Oct 17 '18 at 08:27

Mailyan

195
1
4

1

duplicate of:https://stackoverflow.com/questions/10614481/disable-double-tap-zoom-option-in-browser-on-touch-devices – לבני מלכה Oct 17 '18 at 08:28
@Mailyan thank you for a support. – Vladislav Makarov Oct 17 '18 at 09:17

How to disable double click zooming on iPad?

2 Answers2