title: Android KitKat webview width of the html page
body: <p>The problem only appears on KitKat with the new WebView mechanism.</p>
  
  <p>Basically I am loading 12 images, one after another in a row. I want the WebView to load all images on a row and auto zoom the webView to fir the entire row.</p>
  
  <p><strong>How it works prior android 4.4</strong></p>
  
  <ul>
  <li>the images are loaded on the row and the zoom is made to fit the entire row. The user can scroll in and out</li>
  </ul>
  
  <p><strong>How it works on 4.4</strong></p>
  
  <ul>
  <li>the images are wrapped, so I have the first image drawn and the next one is under it, not to its right</li>
  </ul>
  
  <p>The html loads images like this:</p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, height=device-height, minimum-scale=0.3, user-scalable=yes, initial-scale=1"/&gt;
  
  &lt;style type="text/css"&gt;
      body {margin: 0; padding: 0; border: 0; float: left; white-space: nowrap;}
  
      .Image .Tile-0-0 {background: url(tiles/tile_0_0.png) no-repeat; width: 128px; height: 128px; float: left;}
  .....
  
  and then
  &lt;body&gt;
  
  &lt;div class="Image"&gt;
      &lt;div class="tile-0-0"&gt;&lt;/div&gt;
      &lt;div class="tile-1-0"&gt;&lt;/div&gt;
      .......&lt;br/&gt;
  </code></pre>
  
  <p>Any ideas? My guess is that somehow I need to tell webview to fit the entire  row, not wrap on the device's width. </p>
  
  <p>How could I fix this ?</p>