CODEWITHSUNDEEP
javascriptweb-applicationssafarimobile-safari
user448236
user448236

Reputation: 693

How to disable multitouch zooming on my mobile web page?

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?

Upvotes: 0

Views: 1861

Answers (1)

jball
jball

Reputation: 25024

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">

Upvotes: 3

Related Questions