title: How to set viewport dynamically?
body: <p>If I want to change the viewport tag dynamically, what do I need to do?</p>
  
  <p>For Mobile  </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /&gt; 
  </code></pre>
  
  <p>iPad (width over 768px)</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=0.7, maximum-scale=2, user-scalable=yes" /&gt; 
  </code></pre>