title: Mobile browser - Say smartphones to take 480px
body: <p>The iPhone and other smartphone render a virtual window with of 320px. To work with this I used the meta-tag viewport:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width"&gt;
  </code></pre>
  
  <p>The only problem is that my designer wants every smartphone to take 480px to render. Thus I tried <code>width=480px</code>, but I don't want tablets involved. Only smartphones should take this width of 480px. Is there a professional way to solve this problem (without PHP or JavaScript)?</p>