Question

I’ve got a simple layout with a single webview.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <WebView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/webview" />

</RelativeLayout>

And I need to load data into webview from local resources.
I do it in such way:

String str = "100% valid html with doctype and other things";
view.loadDataWithBaseURL(null, str, "text/html", "utf-8", null);

But sometimes it’s not filling the whole width. You know, that there are slide-in effect while loading data into webview. So, while loading it sometimes slides to some part of a screen (usually to the half) and do not slide farther, and the content is not filling the whole width as a result. Bug is reproducing on many devices (the screenshot is from Sony Xperia S, also stably reproduced on some Samsung Galaxy S2).

Turning on hardware acceleration doesn’t help.

So, why do this bug occures? And how to solve it?

Answer 1

You need to define viewport metadata to your local html. Developing html for mobile devices needs more careful consideration.

Try to read this page.