title: How can I enable zoom on Android?
body: <p>That's right, I want to <em>enable</em> zooming rather than <em>disabling</em> it.</p>
  
  <p>I have created a responsive website and all is looking good. However for some reason you can't pinch-zoom in Chrome on a Nexus 7 (running Android 4.2.2).</p>
  
  <p>This is my meta tag that makes sure it shows the site with the right CSS for the screen size:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1" /&gt;
  </code></pre>
  
  <p>Nowhere here do I say the user can't zoom. As I say, the site is responsive so there is no reason for the user to need to zoom, however if a user wants to zoom I don't want to stop them. There is no problem on the iPhone, the user can zoom if they want to. But on Android they can't. I have tried adding <code>user-scalable=yes</code> and <code>user-scalable=1</code> but this makes no difference.</p>
  
  <p>The only thing that works is removing that meta tag but then the site renders itself as if it's being displayed on a large screen so it is no longer responsive.</p>
  
  <p>Is there anything I can do?</p>