title: App WebView in Android 4.4+ not dealing with Viewport correctly
body: <p>I'm looking for a solution regarding a viewport related issue with the new 4.4+ Android Webview.</p>
  
  <p>The problem, in detail, is that in the new 4.4+ Android webview, the view port is not being dealt with correctly, or possibly ignored, resulting in the content not filling device width properly.</p>
  
  <p><strong>HOW TO REPRODUCE:</strong> </p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
     &lt;meta name="viewport" content="width=320"&gt;  
      &lt;body style="margin:0px;"&gt;   
          &lt;div style="width:320px; height:300px; background-color:purple;"&gt; 
              &lt;div style="background-color:rgba(110,110,110,0.7);"&gt;
                  This box is 320px wide.
              &lt;/div&gt;        
          &lt;/div&gt;  
      &lt;/body&gt;  
  &lt;/html&gt;
  </code></pre>
  
  <p>When viewed on a device, should the above page not draw a purple box that covers the entire width of any screen?</p>
  
  <p>Here is a graphical demonstration:</p>
  
  <p>html page coded above, with a simple 320px box displayed through the app:
  <a href="https://drive.google.com/file/d/0B2beYh8CaQEUTEREdFNaRFZvbHc/edit?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/0B2beYh8CaQEUTEREdFNaRFZvbHc/edit?usp=sharing</a></p>
  
  <p>same html page shown above, on same device, shown on chrome:
  <a href="https://drive.google.com/file/d/0B2beYh8CaQEUamoyNmZzVjA5WWc/edit?usp=sharing" rel="nofollow noreferrer">https://drive.google.com/file/d/0B2beYh8CaQEUamoyNmZzVjA5WWc/edit?usp=sharing</a></p>
  
  <p>So first question, why is my viewport meta tag being ignored in the app?</p>
  
  <p>Ive tried changing the following:
  this.appView.getSettings().setUseWideViewPort(true);
  this.appView.getSettings().setLoadWithOverviewMode(true);</p>
  
  <p>still no luck</p>
  
  <p>Ive seen the following threads:
  <a href="https://stackoverflow.com/questions/20243602/webview-in-android-4-4-and-initial-scale">WebView in Android 4.4 and initial-scale</a>
  <a href="https://stackoverflow.com/questions/4916983/android-phonegap-webview-ignores-viewport-meta-tags">Android-- PhoneGap/WebView ignores viewport meta tags?</a></p>
  
  <p>still need help :(</p>