Android Webview not rendering correctly on ICS 4.0 +

Question

I have a problem with an Android app I am working on.

I loaded a locally stored HTML into a WebView and set:

webSettings.setLoadWithOverviewMode(true);

webSettings.setUseWideViewPort(true);

webSettings.setJavaScriptEnabled(true);

It works great, but just not on ICS 4.0+.

Any ideas what to do?

Here are some screenshots to document the error:

Correct layout Broken layout

Thanks in advance

score 1 · Answer 1 · edited May 23 '17 at 12:30

Give this a try:

DisplayMetrics metrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);

switch (metrics.densityDpi) {
case DisplayMetrics.DENSITY_HIGH:
    webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.FAR);
    break;

case DisplayMetrics.DENSITY_MEDIUM:
    webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
    break;

case DisplayMetrics.DENSITY_LOW:
    webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.CLOSE);
    break;

default:
    webView.getSettings().setDefaultZoom(WebSettings.ZoomDensity.MEDIUM);
    break;
}

See original post

OR Have you tried this?

WebView webview1 = (WebView) findViewById(R.id.webview1);
webview1.setInitialScale(90);
webview1.loadUrl("http://stackoverflow.com");

Thanx for the tip. Unfortunatly it did not make any difference — user1787952, Oct 31 '12 at 13:18
@user1787952 I have updated the answer, give this a try. Also, tell me is your problem device specific or just Android version specific? — Suraj Bajaj, Oct 31 '12 at 15:40

score 0 · Answer 2 · answered May 15 '15 at 02:31

0

To me this looks more like a styling issue in your CSS code. Try playing around with the width sizes.

You might want to load a difference css for viewing it on a mobile device.

answered May 15 '15 at 02:31

Sambuxc

425
2
11
26

Android Webview not rendering correctly on ICS 4.0 +

2 Answers2

Linked