title: Webview + CSS3 not scaling images properly on smaller screens
body: <p>I am using a Webview and some css3 to load an image and have it scale to fill the screen on any size Android device.</p>
  
  <p>Unfortunately, I am getting reports that on smaller screens, the image is not scaling properly and getting clipped. When the image is clipped, it is also not scrollable. I would like to get it to scale to fill the screen on any device, but if that is not possible, it should at least be scrollable.</p>
  
  <p>Here is the code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
  
      &lt;title&gt;*************&lt;/title&gt;
  
      &lt;style&gt;
          * { margin: 0; padding: 0; }
  
          html { 
              background: url(images/1_1.jpg) no-repeat center center fixed; 
              -webkit-background-size: cover;
              -moz-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
          }
  
          #page-wrap { width: 400px; margin: 50px auto; padding: 20px; background: white; -moz-box-shadow: 0 0 20px black; -webkit-box-shadow: 0 0 20px black; box-shadow: 0 0 20px black; }
          p { font: 15px/2 Georgia, Serif; margin: 0 0 30px 0; text-indent: 40px; }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body bgcolor="#000000"&gt;
  
  
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>XML</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:background="#000000" android:layout_width="fill_parent" android:layout_height="fill_parent"&gt;
  &lt;WebView  
      android:id="@+id/mapview"
      android:background="#000000" android:scaleType="centerInside" android:layout_gravity="center_vertical|center_horizontal" android:clickable="false" android:fitsSystemWindows="true" android:scrollbars="none" android:layout_width="fill_parent" android:layout_height="fill_parent"/&gt;
      &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Any thoughts?</p>