Use meta viewport width in Android Webview

Question

I would like to use the viewport tag to fit html content into a WebView. ``` ``` This seems to work fine in Chrome browser, but does not scale to fit in the WebView. I made a simplified test activity: ``` public class MyActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //-------------------------------------------------- // Create a simple html page including viewport tag. //-------------------------------------------------- String html = "" + "" + "" + "" + "Viewport Test" + "" + "" + "

" + "" + ""; //----------------------------------- // Place html in WebView. //----------------------------------- WebView webView = new WebView(this); web…

Accepted Answer

OK, you have to use:

```
    WebSettings settings = webView.getSettings();
    settings.setLoadWithOverviewMode(true);
    settings.setUseWideViewPort(true);
```

But also, it breaks if you set user-scalable=0 like this:

```
    <meta name='viewport' content='width=640, user-scalable=0'/>
```

Use meta viewport width in Android Webview

Solution

Problem