title: XHTML and viewport tag
body: <p>Viewport tag is recommended (as follows), for optimised zoom levels in mobile browsers:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; 
  </code></pre>
  
  <p>The above idea is mentioned <a href="http://jquerymobile.com/demos/1.2.0-rc.1/docs/pages/page-anatomy.html" rel="nofollow">here</a> and <a href="https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag" rel="nofollow">here</a>.</p>
  
  <p>I use jQuery Mobile and JSF in my project, and thus using XHTML pages.</p>
  
  <p>XHTML does not allow viewport tag be used as above, instead it demands a closing tag as follows:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt; 
  </code></pre>
  
  <p>But if used with closing tag, zoom level is not as expected in iPhone.</p>