title: meta "viewport" device-width: Wrong width small on Opera Mobile 9.7 (10 works)
body: <p>For my current mobile web project I use the meta "viewport" tag to instruct the mobile browser to use a scale of 1:1 with the devices' width:</p>
  
  <pre><code>&lt;meta name="viewport" content="initial-scale=1.0, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt;
  </code></pre>
  
  <p>This works on IE mobile, iPhone Safari and even on Opera 10 beta, but it doesn't on Opera 9.7, which is by default installed on HTC HD2. The HTC HD2 got device dimensions of 480x800, so the viewport should get a width of 480 in portrait mode. But appearently Opera mobile 9.7 (and perhaps 9.5 too) sets a wrong width, so after that everything is zoomed in a little. I used a short javascript snippet to inspect the actual window size:</p>
  
  <p>$(window).width() -> returns 274<br>
  window.innerWidth -> returns 480</p>
  
  <p>When i hardcode 480 instead of "device-width" everything works correct. Same here for landscape-mode:</p>
  
  <p>$(window).width()  -> returns 457<br>
  window.innerWidth -> returns 800</p>
  
  <p>Is there any workaround for this?</p>
  
  <p>Greetings</p>