How to avoid scaling of android webview

Question

Is there any way to prevent android webview to scale the rendered web page .
I need to load an url which has links to other pages .When user clicks these links the rendered page is not aligned properly(i mean it cramps all the stuff within the screen width and height ) as compared to default handling of same web page by android browser .

The alignment is proper when i comment shouldOverrideUrlLoading ,but i need the redirects within my app so i can't avoid overriding shouldOverrideUrlLoading.Is there any other options left out.

android webview

The first image shows webview rendering page within my app as i override shouldOverrideUrlLoading and the second image shows the same screen after commenting shouldOverrideUrlLoading.

Are you sure this is an issue of scaling and not CSS?

Sephy
– Sephy

2010-08-19 12:50:42 +00:00
Commented Aug 19, 2010 at 12:50 — Sephy
– Sephy, Commented Aug 19, 2010 at 12:50

Bharat · Accepted Answer · 2011-02-25 18:17:20Z

5

In the meta tag try doing this

meta name="viewport" content="target-densitydpi=device-dpi"

This should stop the android default scaling

answered Feb 25, 2011 at 18:17

Bharat

511 silver badge2 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jenzz Over a year ago

The meta tag target-densitydpi has been removed from the WebKit specification. You will face problems on JellyBean devices. See this question or this blog post.

diyism · Accepted Answer · 2011-08-09 06:42:29Z

1

Try this:

webview1.getSettings().setBuiltInZoomControls(false);
webview1.getSettings().setSupportZoom(false);
webview1.setInitialScale(100);

answered Aug 9, 2011 at 6:42

diyism

13.1k5 gold badges49 silver badges47 bronze badges

Comments

Sephy · Accepted Answer · 2010-08-19 12:53:13Z

0

If you need some scaling, this for instance will scale the page to 50% of its original size in the webview :

wv.getSettings().setSupportZoom(true);
wv.getSettings().setUseWideViewPort(true);
wv.setInitialScale(50);

answered Aug 19, 2010 at 12:53

Sephy

50.5k30 gold badges125 silver badges131 bronze badges

1 Comment

ganesh Over a year ago

thanks sephy ,but setInitialScale has no effect .i am still wondering about the reason.I see no problem with css hence it loads perfectly in Android browser.

Collectives™ on Stack Overflow

How to avoid scaling of android webview

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related