How do you disable viewport zooming on Mobile Safari?
html, ios, mobile-safari, viewport, zooming
Solution
Edit: may not work after iOS 10, please see `touch-action` based solution below.
Your code is displaying attribute double quotes as fancy double quotes. If the fancy quotes are present in your actual source code I would guess that is the problem.
This works for me on Mobile Safari in iOS 4.2.
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
Problem
I've tried all three of these to no avail: ``` <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=false;” /> <meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;” /> ``` each are different values I found recommended by google searching or SO searching, but none of the 'user-scalable=X' values seem to be working I also tried comma delimiting the values instead of semicolon, no luck. Then I tried ONLY having the `user-scalable` value present, still no luck. UPDATE Got this from Apple's site and it works: ``` <meta name="viewport" content="width=device-width, user-scalable=no" /> ``` it turns out that the problem was the non-standard quotes because I had copied the meta tag from a website that was using them, whoops