title: Android webview not loading website properly
body: <p>I am trying to load a website:  <a href="https://www.citibank.com.hk/HKGCB/JSO/signon/DisplayUsernameSignon.do?locale=en_HK" rel="nofollow noreferrer">Citibank</a>.</p>
  
  <p>This loads fine in the chrome browser ( Mobile and desktop).
  However, doesn't load with styles and javascript in my webview app.</p>
  
  <p>Note: I am trying to load a desktop website.
  This is my code: </p>
  
  <pre><code>package com.example.asd.webproj;
  
  import android.app.Activity;
  import android.support.v7.app.AppCompatActivity;
  import android.os.Bundle;
  import android.webkit.WebChromeClient;
  import android.webkit.WebView;
  import android.webkit.WebViewClient;
  import android.widget.Toast;
  
  public class MainActivity extends AppCompatActivity {
      private WebView mWebview ;
  
  
      @Override
      protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          mWebview  = new WebView(this);
          mWebview.setWebChromeClient(new WebChromeClient());
          mWebview.setWebViewClient(new WebViewClient());
          mWebview.getSettings().setUserAgentString("Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36");
          mWebview.getSettings().setAllowFileAccessFromFileURLs(true);
          mWebview.getSettings().setAllowUniversalAccessFromFileURLs(true);
          mWebview.clearCache(true);
          mWebview.clearHistory();
          mWebview.getSettings().setAllowContentAccess(true);
          mWebview.getSettings().setDomStorageEnabled(true);
          mWebview.getSettings().setJavaScriptEnabled(true); // enable javascript
          mWebview.getSettings().setBuiltInZoomControls(true);
          mWebview.getSettings().setSupportZoom(true);
          mWebview.getSettings().setLoadWithOverviewMode(true);
          mWebview.getSettings().setUseWideViewPort(true);
  
          mWebview.getSettings().setBuiltInZoomControls(true);
          mWebview.getSettings().setDisplayZoomControls(false);
  
          mWebview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
          mWebview.setScrollbarFadingEnabled(false);
  
          final Activity activity = this;
  
          mWebview .loadUrl("https://www.citibank.com.hk/HKGCB/JSO/signon/DisplayUsernameSignon.do?locale=en_HK");
          setContentView(mWebview );
      }
  }
  </code></pre>
  
  <p>What I expect to see is something like this: 
  <a href="https://i.stack.imgur.com/fvYDa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fvYDa.jpg" alt="Citibank site"></a>
  But what I see is: 
  <a href="https://i.stack.imgur.com/x5a3m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x5a3m.png" alt="Android App"></a></p>