安卓 WebView : how to let the css use the entire height w/position absolute?

Question

我有一个非常灵敏的 html/css 页面，它使用 position:absolute 来放置元素。例如用户名输入将有

position:absolute;
top:30%;
height:8%;
left:35%;
right:65%;

在所有浏览器中一切正常，但 webView android 存在高度问题。

它似乎是自适应内容的高度，而不是像任何浏览器那样“存在”某个高度，让 css 处理那个任意高度。

我没有发现宽度有任何问题，但这可能是一种错觉。

我尝试在视口(viewport)元标记中使用和不使用 height=device-height。不会改变任何东西。

这是我的 webView 代码:

public void openWebview(String url){
    WebView webView = (WebView) findViewById(R.id.webView);
    webView.getSettings().setJavaScriptEnabled(true);
    webView.getSettings().setLoadWithOverviewMode(true);
    webView.getSettings().setUseWideViewPort(true);
    webView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
    webView.setWebViewClient(new ourViewClient());
    try {
        webView.loadUrl(url);
    } catch (Exception e) {
        e.printStackTrace();
    }
}

public class ourViewClient extends WebViewClient {
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
}

Answer 1

所以在我的例子中，问题是我使用 align parent 而不是 math_parent 来设置 WebView 的高度。

我在用这个:

android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_alignParentEnd="true"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"

而不是这个，正确的方法:

android:layout_width="match_parent"
android:layout_height="match_parent"