I\'m using a webview in my android app, at the moment when the app is started the website is zoomed in quite a lot, i want it to be zoomed out to fit the width of the screen. I
This zooms out so that the content (an SVG in my case) fits on the screen but does not make unnecessary space.
webView.getSettings().setUseWideViewPort(true);
webView.setInitialScale(1);
//This the the enabling of the zoom controls
webView.getSettings().setBuiltInZoomControls(true);
//This will zoom out the WebView
webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setLoadWithOverviewMode(true);
webView.setInitialScale(1);
For Kit Kat and later devices you need to set the viewport meta tag in the headers of the HTML page loaded by your WebView in order to prevent the default zoom in behavior.
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
use the webSettings class to set the zoom level...
webview.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
webview.getSettings().setLoadWithOverviewMode(true);
This will cause the webview to be zoomed out initially.
webview.getSettings().setUseWideViewPort(true);
The Webview will have a normal viewport (like desktop browser), when false the webview will have a viewport constrained to it's own dimensions.
EDIT: With the introduction of "Chrome web view" in Android KitKat, this code might not work.
Try this:
webView.setInitialScale(50);
webPlanSettings.setDefaultZoom(WebSettings.ZoomDensity.FAR);
webPlanSettings.setUseWideViewPort(true);