How to disable multitouch zooming on my mobile web page?

Question

I would like to disable multitouch on my mobile web site, so that they can't zoom it on Mobile Safari, how can I do so?

Answer 1

I don't think it's a good idea to stop the users from zooming if they want to (it seems right up there with disabling right-click), but it can be done. To stop zooming, use the viewport meta tag:

<meta name="viewport" 
 content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1">

Another way with the viewport meta tag:

<meta name = "viewport" content = "width = 320, 
                                   initial-scale = 2.3, 
                                   user-scalable = no">