Fit the content of a WebView on Screen with Zoom suport

Question

I'm trying to embed a HTML5 page into my application.

The content is greater than device, so I'm zooming it with:

web.setInitialScale((int) (728 / 600 * 100)); //728 is the height of the page, 600 of the device

This way the screen is in the correct size, but the content is too small, and I need to have zoom control on it. I tried the supportZoom(true) of the WebView, the zoom IN is correctly, but when zooming out, this doesn't reach my initial scale.

Answer 1

Try this:

        web = (WebView) findViewById(R.id.webview);
        web.getSettings().setBuiltInZoomControls(true);
        web.getSettings().setSupportZoom(true); 
        web.getSettings().setUseWideViewPort(true);
        web.getSettings().setLoadWithOverviewMode(true);