title: Viewport tag not working on Chrome
body: <p>I'm using the device metrics override in Chrome to test a responsive website for smaller resolutions (320x480 in this case).</p>
  
  <p>My viewport meta tag is not making any effect on the page in this case. The logo will appear tiny, and I it's completely unreadable. More or less, I'd say I'm seeing everything in a .5 scale.</p>
  
  <p>Here's the head of my HTML: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Title of the document&lt;/title&gt;
  &lt;link rel="stylesheet" href="css/main.css" /&gt;
  &lt;link rel="stylesheet" href="css/mediaqueries.css" /&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" / &gt;
  &lt;!--[if lte IE 8]&gt;
      &lt;style&gt;
      .wrapper {min-width: 960px; padding: 0 10px;}
      .hovertext {background: #ccc;}
      &lt;/style&gt;
  &lt;![endif]--&gt;
  
  &lt;script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.0.6-development-only.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/main.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>This does work on other people's sites.... I don't know what I'm doing wrong...</p>